javascript - jquery 设置所有复选框被选中

Question

我正在使用 jquery 1.11.1，这是我的代码:

$("#rowchkall").change(function(){
    if($(this).is(':checked')){
        $("input:checkbox[class=rowchk]").each(function() {
            alert("set checked");
            $(this).attr('checked', "checked");
        });
    }else{
        $("input:checkbox[class=rowchk]").each(function() {
            $(this).attr('checked', false);
        });
    } 
});

当我第一次点击 #rowchkall 时，所有复选框都设置为已选中。当我再次单击它时，所有复选框都未选中。

当我再次点击它时，仍然会出现警告框，但不会选中任何复选框。为什么它只适用于第一次？我该如何解决？

谢谢。

Answer 1

使用.prop()而不是 .attr()

$(this).prop('checked', true); //true to check else false uncheck

您的代码可以简化为

$("#rowchkall").change(function () {
    $("input:checkbox.rowchk").prop('checked',this.checked);
});

一本好书 .prop() vs .attr()