取消选择后，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");
    }
});

here a demo

Answer 1

变化：

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

到

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

Updated fiddle here.

More information here.