Obtener el valor de un option button con JQUERY

Documento sin título
Obtener el valor de un option button con JQUERY
Este pequeño ejemplo es muy básico pero muy útil.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Ejemplo</title>
  <script language="JavaScript" type="text/javascript" src="jquery.js" charset="utf-8"></script>
  <script>
       function ejemplo(){
        alert($("input[name='optOp']:checked").val());
     }
  </script>
 </head>
 <body>
  <form id="frmDatos">
   <table width="100%" border="1" cellspacing="0" cellpadding="0">
    <tr>
     <td>Cama</td>
     <td><input name="optOp" id="optOp" type="radio" value="Cama" /></td>
    </tr>
    <tr>
     <td>Silla</td>
     <td><input name="optOp" type="radio" id="optOp" value="Silla" checked /></td>
    </tr>
    <tr>
     <td>Sofá</td>
     <td><input name="optOp" type="radio" id="optOp" value="Sofá" checked /></td>
    </tr>
    <tr>
     <td>Mesa</td>
     <td><input name="optOp" type="radio" id="optOp" value="Mesa" /></td>
    </tr>
<tr>
     <td>TV</td>
     <td><input name="optOp" type="radio" id="optOp" value="TV"></td>
    </tr>

   <input type="button" name="button" onclick="ejemplo()" id="button" value="Ejecutar ejemplo" /></table>
  </form>
 </body>
</html>

Demostración

Cama
Silla
Sofá
Mesa
TV

Comentarios

Publicar un comentario

Entradas más populares de este blog

Agregar datos a una tabla desde una fuente externa con JQUERY

Documento sin título Agregar datos a una tabla desde una fuente externa con JQUERY Ahora mostrare una forma de ingresar datos a una tabla desde una fuente externa (en este caso una lista estática) utilizando jquery. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> Documento sin título </title> <script type= "text/javascript" src= "jquery.js" charset= "utf-8" ></script> <script type= "text/javascript" charset= "utf-8" > $( function () {    $( "#btnInsertar" ). click (addUsuario);    $( "#btnInsertarExt" ). click (getDatos); }); function addUs
Leer más

Recorrer campos de un formulario con JQuery

Documento sin título Recorrer campos de un formulario con JQuery Este pequeño ejemplo ilustra la manera de recorrer los campos de un formulario con JQuery. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> Ejemplo </title> <script language= "JavaScript" type= "text/javascript" src= "jquery.js" charset= "utf-8" ></script> <script> $( document ).ready(function(){ $( "#frmDatos" ). find ( ':input' ).each(function() { var elemento= this; alert ( "elemento.id=" + elemento.id + ", elemento.value=" + elemento.value); }); }); </sc
Leer más

Encriptar y desencriptar archivos con NodeJs y crypto-js

Requisitos Primero debes iniciar el proyecto de npm con npm init -y y luego deberás instalar la dependencia de crypto-js con npm i --save crypto-js Ahora crea un archivo llamado cfrf.js y pega el siguiente código en el archivo.  const   CryptoJS  =  require ( 'crypto-js' ); function   encryp ( data ,  key ){      return   CryptoJS . AES . encrypt ( data ,  key ). toString (); } function   decryp ( data ,  key ){      var   wA =  CryptoJS . AES . decrypt ( data ,  key );      return   wA . toString ( CryptoJS . enc . Utf8 ); } const   args =  process . argv ; if ( args . length < 7 ){      console . log ( `Uso: node cfrf.js <file-input> <op ['enc' || 'des']> <pass> <deep> <file-out> \n\n                    Ejem: node cfrf.js texto.txt enc clave_secreta 3 texto.txt.cfr` );      return ; } var   file_inp =  args [ 2 ]; var   op =  args [ 3 ]; var   pass =  args [ 4 ]; var   deep =  args [ 5 ]; var   file_out =  args [ 6 ]; var  
Leer más