Razor、HTML、jQuery：如何选中/取消选中所有复选框？

我在Razor和HTML中有以下代码：

    @:<td>   
           <input class="privcheck"
              type="checkbox"
              name="selectedPrivileges"
              value="@priv.PrivilegeID"
             @(Html.Raw(priv.Assigned ? "checked=\"checked\"" : "")) />
           @priv.PrivilegeName

    @:</td>

<button id="checkallprivs">
   Select All
</button>

<button id="uncheckallprivs">
    Deselect All
</button>

$("#checkallprivs").button();
$("#uncheckallprivs").button();

$(document).on("click", "#checkallprivs", function (event) {
                    event.preventDefault();
                    $('.privcheck:checkbox').attr('checked', 'checked');

                });

$(document).on("click", "#uncheckallprivs", function (event) {
                    event.preventDefault();
                    $('.privcheck:checkbox').removeAttr('checked');
                });

当我单击“全选”按钮时，它会选中所有框。之后，如果单击“全部取消选择”，则取消选中所有复选框。但是，问题是，一旦我单击了“帮助”按钮，单击“全选”按钮时将不会执行任何操作。如何获得预期的行为

谢谢。

我建议使用而不是

attr（）

使用

.prop（'checked'，false）

而不是

removeAttr（..）

$(document).on("click", "#checkallprivs", function (event) {
    event.preventDefault();
    $('.privcheck:checkbox').prop('checked', true);

});

$(document).on("click", "#uncheckallprivs", function (event) {
    event.preventDefault();
    $('.privcheck:checkbox').prop('checked', false);
});