checkbox的checked属性 -- 踩坑之旅

判断是否被选中 返回boolean

elem.checked$(elem).is(":checked")$(elem).prop(“checked”)

有多个默认选中的选择框

<input type="checkbox" checked="checked">

全选单选框

问题： 1、如果仅点击全选和全不选可以生效 2、如果我取消了上面默认选中的选择框，将导致全选无法选中被点击过了的选择框 3、F12可以看到属性已经加入进去，但是选择无效

$(“all”).attr(“checked”,“checked”) $(“all”).removeAttr(“checked”)

原因： （锋利的jQuery第二版，第149页） 解决： $(“all”). prop(“checked”,true) $(“all”).prop(“checked”,false)

在这里插入图片描述 总结： 获取和设置disabled、selected、checked这些属性时，应该使用prop()方法，不要使用attr()方法！！能够用prop()操作的尽量用prop()操作，不要用attr()操作。

区别： attr() 获取的是初始状态的值，即使取消了选中，也不会改变。 prop() 获取的值已经发生变化，是实时状态的值。

借鉴：https://blog.csdn.net/chenchunlin526/article/details/77426796