jquery - 取消选择后jquery selectall无法正常工作

Question

我需要一个关于我的问题的解决方案。我加载我的页面，单击我的第一个复选框并选中所有复选框。伟大的！重复操作后，取消选中第一个复选框，然后取消选中所有复选框。伟大的！

但是，如果我再次单击第一个复选框，显然没有任何反应，但是使用 firebug 我看到每个复选框都已选中，但它并未显示为已选中。

你能帮助我吗？

我的代码：

// add multiple select / deselect functionality
$("#selectall").click(function () {
    $('.case').attr('checked', this.checked);
});

// if all checkbox are selected, check the selectall checkbox
// and viceversa
$(".case").click(function () {
    if ($(".case").length == $(".case:checked").length) {
        $("#selectall").attr("checked", "checked");
    } else {
        $("#selectall").removeAttr("checked");
    }
});

这里有一个演示

Answer 1

改变：

$('.case').attr('checked', this.checked);

到

$('.case').prop('checked', this.checked);

在这里更新了小提琴。

更多信息在这里。