Question

Jquery checkbox 全选问题

是对弹出的模态窗体进行操作：
$("#chkAll").click(function () {
if ($("#chkAll").is(":checked")) {
$("#userList tbody tr").find(":checkbox").attr("checked", true);
}
else {
$("#userList tbody tr").find(":checkbox").removeAttr("checked");
}
});

现在问题是第一次点击全选的时候，正常。取消全选也正常。但是第二次以后就不行了，全选和全不选都没有效果了。

Answer 1

不要使用attr来改变状态，试试用prop,用法和attr一样,上次我也遇到这样类似的问题

追问

用prop试了一下，还是这个问题

追答

其实你这样些是加起了属性的，你可以用浏览器审查元素看，实际是加起了和取消了选择状态，只是浏览器没有将效果显示出来，然后我换prop这个方法就正常了

追问

用attr时，属性书加起了的吗但是chrome没有显示效果，用prop没有加上属性，还是不知道怎么回事

Answer 2

用toggle这个方法试试