web-dev-qa-db-fra.com

Décochez tous les boutons radio JQuery à la fois

Utilisation de la fonction de jeu de boutons de jQ-ui

<script>
    $(function() {
        $( "#radio" ).buttonset();
    });
    </script>


    <div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
    </div>

Est-il possible de décocher tous les boutons radio du jeu de boutons en même temps?

javascriptjqueryjquery-ui
21
heron

Vous pouvez les désélectionner avec les éléments suivants (mis à jour pour jQuery UI 1.9:

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

Travailler JSFiddle .

32
Michael Robinson

Vous pouvez faire correspondre tous les boutons radio et utiliser prop () pour les décocher.

Toutefois, vous devez également actualiser le widget Boutons de boutons après cela:

$("#radio").find("input:radio").prop("checked", false).end()
           .buttonset("refresh");
15
Frédéric Hamidi

Avant la version jQuery 1.6 

$(':radio').attr('checked', false);

OR

$(':radio').removeAttr('checked');

Après jQuery 1.6+ 

$(':radio').prop('checked', false);

OR

$(':radio').removeProp('checked');
14
Antguider

J'ai découvert cela par accident ... avec jQuery 1.9.1 en utilisant un nom de classe pour le jeu de boutons qui a laissé tous les boutons initialement non définis. Pas encore sûr s'il y a des ramifications à cela, mais c'est pratique à savoir.

$( "div.myclass" ).buttonset();

<div id="myDiv" class="myclass">
    <input type="radio" name="myname" id="id1" value="1"><label for="id1">Label1</label>
    <input type="radio" name="myname" id="id2" value="2"><label for="id2">Label2</label>
    <input type="radio" name="myname" id="id3" value="3"><label for="id3">Label2</label>
</div>
1
GDP

Ça marche pour moi

$('input:radio[name="RadioName"]').each(function () { $(this).attr('checked', false); });
0
Jaggana