jquery操作checkbox实现全选和取消全选

前端技术 2023/09/07 JavaScript
今天这样写了一个全选和取消全选的功能：

全选：$(\":checkbox\").attr(\"checked\",\"checked\");

取消全选：$(\":checkbox\").removeAttr(\"checked\");

获取选中的：$(\":checked[checked=\'checked\']\")

发现点全选可以，在点取消全选也可以，获取选中的失效，接下来再点任何按钮都没有效果了

这样行不通，我也不太清楚什么原因，脚本语言就这毛病，一边灵活一边诡异，也不去找原因了，后来改成这样写

全选： $(\":checkbox\").prop(\"checked\",true)

取消全选：$(\":checkbox\").prop(\"checked\",false)

获取选中的：$(\":checkbox:checked\")

反选：
复制代码 代码如下:

$(\":checkbox\").each(function(){
if($(this).prop(\"checked\")){
$(this).prop(\"checked\",false);
}else{
$(this).prop(\"checked\",true);
}
});

本文地址：https://www.stayed.cn/item/18441

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案