javascript - 使用导致奇怪的 Action 的jQuery选择所有复选框

我使用jQuery来处理选择表单的所有复选框。这是我的代码：

    $(function () {
        $('#selectall').on('click', function() {
            $('.selectedId').attr('checked', $(this).is(":checked"));
        });
    });

    <input type="checkbox" id="selectall">Select all</input>
    <input type="checkbox" name="industry1" id="industry1" value="1" class="selectedId">
    <input type="checkbox" name="industry2" id="industry2" value="1" class="selectedId">

当我选中selectall id checkbox时，它会选中所有带有类selectedId的复选框。当我再次单击它时，它将删除对所有项的检查。
不过，我的问题是，在初始的select all/deselect all之后，它将不再工作，因为我不能全选。
知道我应该在javascript中做什么来解决这个问题吗？
谢谢！

最佳答案

使用复选框属性而不是其属性

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

http://jsfiddle.net/VmnE2/