分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jQuery 操作复选框(checkbox) attr checked不起作用

发布时间:2023-09-06 01:07责任编辑:熊小新关键词:jQuerycheckbox

这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,‘checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?

害得‘跑客教授’到处到网上搜 jQuery ?checkbox的操作,动态选择的相关文章,都写着是这样的实现代码


<span style="font-size:18px;">$(‘input[type=checkbox]‘).attr(‘checked‘,‘checked‘);//全选,设置属性$(‘input[type=checkbox]‘).attr(‘checked‘,true);//全选,设置属性,通过true布尔值形式$(‘input[type=checkbox]‘).attr(‘checked‘,false);//不选择,布尔值形式$(‘input[type=checkbox]‘).removeAttr(‘checked‘,‘checked‘);//不选选,删除属性</span>

但是测试结果发现,屡试不爽啊,选择一次全选,再调用一次反选,再去调用全选就没效果了。
难道是 removeAttr 的原因?还是‘跑客教授’使用过新的 jQuery 1.9.1版本。(还是说我要使用原生的javascript代码来完成这项工作呢?)

这些都不是理由,理由应该 是自己没有用好。不可能这么牛比的框架这么简单的功能都不能实现(也不要轻意怀疑浏览器的问题)

最终解决方案

还是到官网,搜索了’checkbox’,找到一文章,仔细查看了吓,有一个类似的操作是


<span style="font-size:18px;">$(‘obj‘).prop(‘checked‘,true);$(‘obj‘).prop(‘checked‘,false);</span>

好了,擦亮你的眼睛,没错最后用的是 prop方法操作一切就OK啦。


jQuery 操作复选框(checkbox) attr checked不起作用

原文地址:http://www.cnblogs.com/qianzf/p/7454238.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved