Bỏ chọn tất cả các đài phát thanh JQuery buttonset cùng một lúc

Question

Sử dụng tính năng buttonset JQ-ui của

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

Có cách nào để bỏ chọn tất cả các nút radio của buttonset cùng một lúc?

Answer 1

Bạn có thể bỏ chọn chúng chúng với những điều sau đây (cập nhật cho jQuery UI 1.9:..

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

Làm việc JSFiddle

Answer 2

Bạn có thể phù hợp với tất cả các nút radio và sử dụng prop() để bỏ chọn chúng

Tuy nhiên, bạn cũng phải làm mới tiện ích con nút sau khi làm như vậy:

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

Answer 3

Trước khi phiên bản jQuery 1,6

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

HOẶC

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

Sau jQuery 1.6+

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

HOẶC

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

Answer 4

Phát hiện điều này một cách tình cờ ... với jQuery 1.9.1 bằng cách sử dụng tên lớp cho bộ nút còn lại tất cả các nút ban đầu không được đặt. Chưa chắc chắn nếu có những chi nhánh này, nhưng tiện dụng để biết.

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