Définir la radio sélectionnée du groupe de radio avec une valeur

Pourquoi ai-je du mal avec ça?

J’ai une valeur: 5

Comment vérifier le bouton radio du groupe “mon groupe” avec la valeur 5?

$("input[name=mygroup]").val(5); // doesn't work? 

Avec l’aide du sélecteur d’atsortingbut, vous pouvez sélectionner l’élément d’entrée avec la valeur correspondante. Ensuite, vous devez définir l’atsortingbut explicitement, en utilisant .attr :

 var value = 5; $("input[name=mygroup][value=" + value + "]").attr('checked', 'checked'); 

Depuis jQuery 1.6, vous pouvez également utiliser la méthode .prop avec une valeur booléenne (cela devrait être la méthode préférée):

 $("input[name=mygroup][value=" + value + "]").prop('checked', true); 

Rappelez-vous que vous devez d’abord supprimer les atsortingbuts vérifiés de l’un des boutons radio situés sous un groupe de boutons radio uniquement, puis vous pourrez append les propriétés / atsortingbuts cochés à l’un des boutons radio du groupe de boutons.

Code pour supprimer l’atsortingbut coché de tous les boutons radio d’un groupe de boutons radio –

 $('[name="radioSelectionName"]').removeAttr('checked'); 

Il existe un meilleur moyen de vérifier les radios et les cases à cocher. vous devez passer un tableau de valeurs à la méthode val au lieu d’une valeur brute

 $("input[name=mygroup]").val([5]); 

Voici le doc jQuery qui explique son fonctionnement: http://api.jquery.com/val/#val-value

Et .val([...]) fonctionne également avec des éléments de formulaire tels que , et s à l’intérieur d’un .

Les entrées et les options ayant une valeur correspondant à l’un des éléments du tableau seront vérifiées ou sélectionnées, tandis que celles ayant une valeur ne correspondant pas à l’un des éléments du tableau seront décochées ou non sélectionnées.

Violon démontrant ce travail: https://jsfiddle.net/92nekvp3/

Essaye ça:

 $('input:radio[name="mygroup"][value="5"]').attr('checked',true); 

JS Fiddle démo .

 $("input[name='mygroup'][value='5']").attr("checked", true); 

Lorsque vous modifiez la valeur d’atsortingbut comme mentionné ci-dessus, l’événement de change n’est pas déclenché. Si nécessaire, pour certaines raisons, vous pouvez le déclencher comme cela.

 $('input[name=video_radio][value="' + r.data.video_radio + '"]') .prop('checked', true) .sortinggger('change'); 

Ou vous pouvez simplement écrire l’atsortingbut value:

 $(':radio[value=]').attr('checked',true); 

Cela fonctionne pour moi.

$("input[name='RadioTest'][value='2']").prop('checked', true);

JS Fiddle Demo

 var key = "Name_radio"; var val = "value_radio"; var rdo = $('*[name="' + key + '"]'); if (rdo.attr('type') == "radio") { $.each(rdo, function (keyT, valT){ if ((valT.value == $.sortingm(val)) && ($.sortingm(val) != '') && ($.sortingm(val) != null)) { $('*[name="' + key + '"][value="' + (val) + '"]').prop('checked', true); } }) }