Définir le bouton radio 'coché' dans jquery basé sur l'ID

Question

J'ai deux boutons radio avec le même nom, un est coché par défaut. Comment pouvez-vous cocher ou décocher un bouton radio dans jQuery lorsque vous sélectionnez un identifiant?

J'ai essayé:

$('#radio1').attr('checked','checked'); 
$('#radio1').attr('checked', true); 

Rien ne semble fonctionner .. des idées?

Merci!

Answer 1

Vous ne pouvez pas avoir le même ID (#radio1) plusieurs fois, utilisez plutôt un class.

$('.radio1').attr('checked', true); 
$('.radio2').attr('checked', true); 

Le id doit être utilisé une fois par élément par page.

Si vous voulez cocher/décocher sur click cependant, vous pouvez faire comme:

$('#someid').click(function(){ 
    $('#radio1').attr('checked', true); 
}); 

Ou

$('#someid').click(function(){ 
    $('#radio1').attr('checked', this.checked); 
}); 

Answer 2

Si vous avez les radios comme:

<input type="radio" id="radio1" name="same-radio-name" /> 
<input type="radio" id="radio2" name="same-radio-name" /> 

Alors , pour cocher la deuxième case et décocher la première:

$('#radio2').attr('checked', true); 

Viceversa:

Juste une autre pensée, vous utilisez la radio comme un bouton JQuery UI? Dans ce cas, vous devrez peut-être rafraîchir comme:

$('#radio1').attr('checked', true).button("refresh"); 

Answer 3

Eh bien, si vous voulez obtenir une valeur de la radio d'entrée pour télécharger cette valeur à partir de votre base de données, vous pouvez essayer avec ce code simple:

var selValue = $('input[name=rbnNumber]:checked').val(); 

Où vous mettez le nom de la variable "selValue" et à l'intérieur de celui-ci vous spécifiez le nom du groupe radio "rbnNumber". Tout cela à l'intérieur de la fonction que vous travaillez et faites.