jQuery下的attr()方法无法重复修改属性样式

JavaScript / 2021年9月2日 / hamster

在做全选全不选功能时，利用attr()来修改多选框属性，起初一两次是可以实现效果的，但在第三次再次全选时，却发现选中效果失败。

主要代码如下：

//点击全选时
$(":checkbox").attr("checked",true);
//点击全不选时
$(":checkbox").attr("checked",false);

原因，并未搞清楚。

解决方案

使用prop()方法

$(":checkbox").prop("checked",true);
$(":checkbox").prop("checked",false);

再次测试问题解决

Jquery