Comment faire pour réinitialiser les composants radiobutton dans jQuery, de sorte qu'aucun n'est cochée

Dans les versions de jQuery avant 1.6 utilisation:

$('input[name="correctAnswer"]').attr('checked', false);

Dans les versions de jQuery après 1,6 vous devez utiliser:

$('input[name="correctAnswer"]').prop('checked', false);

mais si vous utilisez 1.6.1+ vous pouvez utiliser la première forme (voir la note 2 ci-dessous).

Note 1: il est important que le deuxième argument, faux et pas "false" depuis "false" n'est pas un falsy valeur. c'est à dire

if ("false") {
    alert("Truthy value. You will see an alert");
}

Note 2: de jQuery 1.6.0, il y a maintenant deux méthodes similaires, .attr et .prop que faire les deux, mais légèrement différente des choses. Si dans ce cas particulier, les conseils fournis ci-dessus fonctionne si vous utilisez 1.6.1+. Le ci-dessus ne fonctionnera pas avec 1.6.0, si vous utilisez 1.6.0, vous devez mettre à niveau. Si vous voulez les détails, continuez à lire.

Détails: Lorsque vous travaillez avec des droites, des éléments du DOM HTML, il y a des propriétés attachées à l'élément DOM (checked, type, value, etc) qui fournissent une interface pour l'état d'exécution de la page HTML. Il y a aussi le .getAttribute/.setAttribute interface qui permet d'accéder à l'Attribut HTML valeurs prévues dans le code HTML. Avant de jQuery 1.6 le flou de la distinction en fournissant une méthode, .attr, d'accéder à deux types de valeurs. jQuery 1.6+ fournit deux méthodes, .attr et .prop pour obtenir la distinction entre ces situations.

.prop vous permet de définir une propriété sur un élément du DOM, tandis que .attr permet de définir une valeur de l'attribut HTML. Si vous travaillez avec la plaine DOM et définissez la propriété checked, elem.checked, à true ou false vous modifiez la valeur en cours d'exécution (ce que voit l'utilisateur) et la valeur retournée pistes sur l'état de la page. elem.getAttribute('checked') , cependant, seulement des retours à l'état initial (et retourne 'checked' ou undefined en fonction de l'état initial de l'HTML). Dans 1.6.1+ à l'aide de .attr('checked', false) fait les deux elem.removeAttribute('checked') et elem.checked = false depuis le changement a causé beaucoup de la compatibilité de problèmes et qu'il ne peut pas vraiment dire si tu voulais l'attribut HTML ou le DOM de la propriété. Voir plus d'informations dans la documentation pour .prop.

Votre problème est que le sélecteur d'attributs ne commence pas avec un @.

Essayez ceci:

$('input[name="correctAnswer"]').attr('checked', false);

Enfin, après beaucoup de tests, je pense que le plus pratique et efficace pour le preset:

var presetValue = "black";
$("input[name=correctAnswer]").filter("[value=" + presetValue + "]").prop("checked",true);
$("input[name=correctAnswer]").button( "refresh" );//JQuery UI only

L'actualisation est nécessaire avec la JQueryUI objet.

Récupération de la valeur, c'est simple :

alert($('input[name=correctAnswer]:checked').val())

Testé avec JQuery 1.6.1, JQuery UI 1.8.

Jeu de bouton Radio contrôlée à l'aide de jquery:

<div id="somediv" >
 <input type="radio" name="enddate" value="1"  />
 <input type="radio" name="enddate" value="2"  />
 <input type="radio" name="enddate" value="3"  />
</div>

jquery code:

$('div#somediv input:radio:nth(0)').attr("checked","checked");

<div id="radio">
<input type="radio" id="radio1" name="radio"/><label for="radio1">Bar Chart</label>
<input type="radio" id="radio2" name="radio"/><label for="radio2">Pie Chart</label>
<input type="radio" id="radio3" name="radio"/><label for="radio3">Datapoint Chart</label>
</div>

$('#radio input').removeAttr('checked');
//Refresh the jQuery UI buttonset.                  
$( "#radio" ).buttonset('refresh');

Ensemble tous les boutons radio à la valeur par défaut:

$("input[name='correctAnswer']").checkboxradio( "refresh" );

Pourquoi ne pas vous faire:

$("#radio1, #radio2, #radio3, #radio4").checked = false;