Essayer d'obtenir la valeur de la boîte de radio lorsque vous cliquez dessus

Question

J'essaie d'obtenir la valeur des boîtes de raido lorsque vous cliquez dessus. J'utilise jquery

J'ai regardé au changement. Cliquez sur. Je ne peux pas les faire travailler.

<table> 
    <tr> 
<td>Some text 1 </td> 
<td><input type="radio" value="txt1" name="myRadio" id="myRadio" /></td> 
<td>Some text 2 </td> 
<td><input type="radio" value="txt2" name="myRadio" id="myRadio" /></td> 
<td>Some text 3 </td> 
<td><input type="radio" value="txt3" name="myRadio" id="myRadio" /></td> 
    </tr> 
</table> 

Answer 1

dépend de la façon que vous essayez d'obtenir la valeur d'eux ...

utilisant le .val() dans l'événement click fonctionne très bien ..

exemple à http://www.jsfiddle.net/aKTcu/

$('input[type=radio]').click(function(){ 
    alert($(this).val()); 
    // or this.value; 
}); 

mais votre ID doit être unique indépendamment, car il est invalide HTML sinon ..

Answer 2

Une différente identifiant doit être utilisé pour chaque élément quelque chose que vous ne faites pas et en utilisant myRadio comme id pour plusieurs éléments - une raison pour laquelle votre script ne fonctionne pas.

Vous pouvez également utiliser le class ou des valeurs d'ID différentes. Une fois que vous faites cela, vous pouvez modifier votre code jQuery en conséquence.

Answer 3

L'événement change devrait fonctionner correctement. Vous avez juste besoin de regarder this.value.

$("input").change(function(){ 
    alert(this.value); 
});​ 

J'ai fait un jsFiddle pour montrer ce travail en action.

Answer 4

Si vous avez plus que sur l'entrée dans votre page, vous pouvez nous ea différents sélecteur:

$('input[name="myRadio"]').click(function(){ 
    alert(this.value); 
}); 

Answer 5

Vous pouvez essayer de demander l'attribut checked, voir l'exemple:

<label for="public0"><input type="radio" checked="checked" name="publicar" id="public0" value="TRUE" /> YES</label> 

    <label for="public1"><input type="radio" name="publicar" id="public1" value="FALSE" /> NO</label> 

Et puis le demander:

if ($("public0").checked == true) 
{ ...} or if ($("public1").checked == true){...} 

Vous pouvez voir les valeurs :

//alert($("public0").checked); 
    //alert($("public1").checked); 

Bien sûr vous pouvez ajouter plus de types d'entrée = radio, rappelez-vous simplement que pour xhtml le id pour les objets doivent être différents.