Deseleziona tutte le radio buttonset JQuery subito

Question

Utilizzando la funzione buttonset di 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> 

Esiste un modo per deselezionare tutti i pulsanti di opzione di buttonset in una volta?

Answer 1

È possibile deselezionare le loro con la seguente (aggiornato per jQuery UI 1.9:..

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

Lavorare JSFiddle

Answer 2

È possibile abbinare tutti i pulsanti di opzione e utilizzare prop() di deselezionare loro

Tuttavia, è necessario aggiornare il widget pulsanti dopo averlo fatto:

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

Answer 3

Prima jQuery versione 1.6

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

O

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

Dopo jQuery 1.6+

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

O

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

Answer 4

Scoperto per errore ... con jQuery 1.9.1 utilizzando un nome di classe per il pulsante lasciato tutti i pulsanti inizialmente disinseriti. Non ancora sicuro se ci sono delle ramificazioni a questo, ma a portata di mano per sapere.

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