jquery 选中/取消选中复选框列表

Question

自从升级到 jquery 1.9 以来，我的脚本停止了检查/取消选中复选框的工作。

我有一个主复选框，用于控制选择/检查表中的复选框列表。升级到新的 jquery 版本后，仅最初单击“检查全部”复选框才会被选中。第二次单击“全部选中”会导致复选框取消选中，但是在单击两次后单击“全部选中”，表格复选框将不再起作用。

脚本:

    $("#itemsList .checkall").on("click", function () {
        $(".checkbox").attr("checked", $(this).is(':checked'));
    });

也尝试过这个:

    $("#itemsList .checkall").click(function () {
        $(".checkbox").attr("checked", $(this).is(':checked'));
    });

html“检查全部”:

<input type="checkbox" id="checkall" name="checkall" class="checkbox checkall">

html 表格复选框:

<input type="checkbox" value="1" class="checkbox">

在切换到 jquery 1.9 之前，这曾经工作得很好。什么给了？？

Answer 1

从 jQuery 1.6 开始，应使用 prop 方法来更改元素属性，而不是 attr。

$("#itemsList .checkall").on("change", function () {
     $(".checkbox").prop("checked", this.checked);
});