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

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

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

$('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');//不选选,删除属性

 

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

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

最终解决方案框架

仍是到官网,搜索了’checkbox’,找到一文章,仔细查看了吓,有一个相似的操做是测试

$('obj').attr('checked',true);

$('obj').prop('checked',true);

$('obj').attr('checked',false);

$('obj').prop('checked',false);

 

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

相关文章
相关标签/搜索