当想实现 checkbox 的全选和反选功能时 使用下面的jQuery代码 会发生只能成功一次的情况
$(function () {
//全选或全不选
$("#checkall").click(function () {
if (this.checked) {
$("#list input[type='checkbox']").attr("checked", true);
} else {
$("#list input[type='checkbox']").attr("checked", false);
}
});
});
所以 要解决这个问题 需要将代码改成
$(function () {
//全选或全不选
$("#checkall").click(function () {
if (this.checked) {
$("#list input[type='checkbox']").prop("checked", true);
} else {
$("#list input[type='checkbox']").prop("checked", false);
}
});
});
总的来说就是
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。