Auswahl aufheben JQuery Radio buttonset auf einmal

Question

Mit jQ-ui der buttonset Funktion

<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> 

Gibt es eine Möglichkeit, alle Radio-Buttons von buttonset gleichzeitig zu deaktivieren?

Answer 1

Sie können sie deaktivieren mit den folgenden (aktualisiert für jQuery UI 1.9:..

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

JSFiddle Arbeiten

Answer 2

Sie alle Radio-Buttons bieten kann und prop() sie deaktivieren verwenden

Sie müssen das Buttonset-Widget jedoch auch nach dem Aktualisieren aktualisieren:

$("#radio").find("input:radio").prop("checked", false).end() 
      .buttonset("refresh"); 

Answer 3

Bevor jQuery 1.6 Version

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

ODER

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

Nach jQuery 1.6+

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

ODER

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

Answer 4

Dies wurde durch Zufall entdeckt ... mit jQuery 1.9.1 unter Verwendung eines Klassennamens für den Buttonsatz blieben zunächst alle Tasten frei. Noch nicht sicher, ob es Konsequenzen hat, aber nützlich zu wissen.

$("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>