0

チェックボックスを選択/選択解除するために、次のjqueryコードを書いています。jquery バージョン 1.7.2 を使用すると正常に動作しますが、jquery 2.0 へのアップグレード中に失敗しました。*

コード：

$("#selectall").click(function () {
   $('.case').attr('checked', this.checked);
});

// すべてのチェックボックスが選択されている場合は、selectall チェックボックスをオンにします

$(".case").click(function(){
   if($(".case").length == $(".case:checked").length) {
      $("#selectall").attr("checked", "checked");
   } else {
      $("#selectall").removeAttr("checked");
   }
});

私もこのアプローチを使用しましたが、失敗しました。

$('#selectall').click(function() {
    $('.case').each(function() {
        $(this).attr('checked',!$(this).attr('checked'));
    });
});

html 出力の例

<input type="checkbox" id="selectall"> select all
.....
<input type="checkbox" class="case" value="1">
...
...
<input type="checkbox" class="case" value="5">

次のコードは、すべてのチェックボックスをオンまたはオフにしているときに、2 回目の試行で失敗したことに注意してください。

4

2 に答える 2

0

次のようにしてみてください。

$("#selectall").on('click', function () {
   $('.case').prop('checked', $(this).prop('checked'));
});
于 2013-08-21T20:13:55.827 に答える