jquery - 检查所有不适用于 Jquery 2.0 的代码

Question

我正在编写以下 jquery 代码来选择/取消选择复选框。使用 jquery 1.7.2 版可以正常工作，但升级到 jquery 2.0 时失败。*

代码：

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

// 如果所有复选框都被选中，则选中全选复选框

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

请注意，在选中/取消选中全选复选框时，以下代码在第二次尝试时失败。

Answer 1

使用Jquery.prop()而不是Jquery.attr()

Answer 2

尝试做这样的事情：

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