Button Set Select Buttons Externally #2

by bizamajig

HTML

<div id="test">    
    <input type="checkbox" id="check1" class="checkall"/><label for="check1">1</label>
    <input type="checkbox" id="check2" class="checkall"/><label for="check2">2</label>
    <input type="checkbox" id="check3" class="checkall"/><label for="check3">3</label>
</div>
<br>
<input type="button" id="selectall" value="Select All">

JavaScript

$("#test").buttonset();
$("#selectall").button();

    $("#selectall").toggle(
          function () { $("#test .checkall").prop("checked", true).button("refresh"); },
          function () { $("#test .checkall").prop("checked", false).button("refresh"); }
      );