Uncheck all JQuery radio buttonset at once

Question

Using jQ-ui's buttonset feature

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

Is there any way to uncheck all radio buttons of buttonset at once?

Answer 1

You can uncheck them them with the following (updated for jQuery UI 1.9:

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

Working JSFiddle.