jquery操作checkbox全选全不选无法勾选问题

最新推荐文章于 2020-08-08 10:28:05 发布

转载最新推荐文章于 2020-08-08 10:28:05 发布 · 598 阅读

文章标签：

#checkbox #html #jq

本文介绍了一个关于使用jQuery设置checkbox为选中状态时遇到的问题及解决方案。问题出现在使用.attr()方法设置checked属性时，解决办法是将其替换为.prop()方法。

$("input[name='checkbox']").attr("checked","checked");明明属性值改了，但是却不显示勾选，原来是jQuery版本问题。我操作属性用的是

$("XXX").attr("attrName");而jQuery的版本用的是2.1.1，这就是存在一个兼容性和稳定性问题。
jQuery API明确说明，1.6+的jQuery要用prop，尤其是checkBox的checked的属性的判断，即
使用代码如下:

$("input[name='checkbox']").prop("checked");
$("input[name='checkbox']").prop("disabled", false);
$("input[name='checkbox']").prop("checked", true);

于是乎将attr改为prop，问题得解。