使用 jquery 重新选择所有复选框导致奇怪的动作

Question

我正在使用 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 类的复选框。当我再次单击它时，它会删除对所有的检查。

我的问题是，在初始全选/取消全选之后，它不再起作用，因为我无法全选。

知道我应该在我的 javascript 中做什么来解决这个问题吗？

谢谢！

Answer 1

使用复选框属性而不是它们的属性

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

http://jsfiddle.net/VmnE2/