Obtener de input radio con jQuery

ldani3l · #1 (**permalink**) 18/09/2012, 15:53

Tengo el siguiente código:

Código:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#consulta").click(function(){
$("#result").load("carga-logro.php",{grupo : $("#grupo").val(),})
})
$("input[type=radio]").click(function(){
dato = $(this).val()
$("#result").load("guardar.php",{dato : dato})
})

})

</script>	
</head>
<body>
<select name="grupo" id="grupo">
<option selected disabled>Grupo</option>
<option value="285">SEXTO 2</option>
<option value="293">UNDECIMO 1</option>
<option value="286">SEPTIMO 1</option>
</select>
<input type=button value="Consultar" id="consulta" />
<div id="result">
</div>
</body>
</html>

Luego cuando clikeo "#consulta" me genera lo siguiente en "#result":

Código:

<input type="radio" value="20" name="idLogro">Dato 1
<input type="radio" value="19" name="idLogro">dato 2

Yo quiero por ejemplo obtener el valor de uno de estos últimos input's radio. Que es lo que intento hacer arriba con:

Código:

$("input[type=radio]").click(function(){
dato = $(this).val()
$("#result").load("guardar.php",{dato : dato})
})

Pero no logro capturar el valor de estos dado que fueron cargados dinámicamente, mediante load() no se cargaron con el resto de mi página

Se que debo estar haciendo alguna mala práctica, quiero saber porque no puedo capturar estos valor, como seria la forma correcta de hacerlo.

gebremswar · #2 (**permalink**) 19/09/2012, 03:17

Hola ldani3l, que tal.

No quise responder copiando y pegando algo que ya había escrito antes. Así que te dejo esta respuesta que di a un problema similar, que aunque no sean iguales, en esencia se trata de lo mismo.

Por favor coméntanos.

ldani3l · #3 (**permalink**) 19/09/2012, 13:48

Oiga men, eres un teso, no sabes cuanto te agradezco. Llevaba tiempo averiguando esto, pero no sabia como buscarlo y por eso opte por participar aquí.

gebremswar · #4 (**permalink**) 19/09/2012, 14:30

Seria genial que compartas código una vez lo hayas solucionado, ya que puede ser de utilidad a otros visitantes del foro.

Dradi7 · #5 (**permalink**) 19/09/2012, 14:58

Este error es común, uno siempre piensa que el evento se va agregar si se agrega los elementos dinamicamente por lógica uno siempre primero debe cargar los elementos antes de poder crear los eventos.

La solución para tu problema seria que una vez cargado esto

Código Javascript:

Ver original$("#result").load("carga-logro.php",{grupo : $("#grupo").val(),})

solamente le añadas estas lineas

Código Javascript:

Ver original$("#result").load("carga-logro.php",{grupo : $("#grupo").val(),}, function(){
   $("input[type=radio]").click(function(){
          var dato = $(this).val();
          $("#result").load("guardar.php",{dato : dato});
    });
})

ldani3l · #6 (**permalink**) 20/09/2012, 08:03

Muchas gracias por la ayuda Dradi7 y gebremswar me fueron muy útiles sus aportes.