3

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

jQuery

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

すべて選択したいボタンがクリックされました。ただし、視覚的には変化しません。よろしくお願いします。

デモ： http： //jsfiddle.net/fenerama/zv8e4/

4

2 に答える 2

4

Buttonsetこの場合、を呼び出すのに適切なメソッドではありません。button代わりにメソッドを使用する必要があります

http://jsfiddle.net/zv8e4/3/

$("#selectall").toggle(
      function () { $("#test .checkall").prop("checked", true).button("refresh"); },
      function () { $("#test .checkall").prop("checked", false).button("refresh"); }
  );
于 2013-01-12T11:27:30.770 に答える
2

[すべて選択]ボタンの表示も変更したい場合は、チェックボックスもオンにした方がよい場合があります。いずれにせよ、sdepontによる答えは、そこで使用する必要があるという意味で正しいものでbuttonあり、ではありませんbuttonset。

これを確認してください：http：//jsfiddle.net/x3QY3/1/

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="checkbox" id="selectall" value="Select All" /><label for="selectall">Select All</label>

JQuery：

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

$("#selectall").toggle(
      function () { $("#test .checkall").prop("checked", true).button("refresh"); $("#selectall").prop("checked", true).button("refresh");},
      function () { $("#test .checkall").prop("checked", false).button("refresh"); $("#selectall").prop("checked", false).button("refresh");}
  );
于 2013-01-12T11:35:59.943 に答える