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

标签：

jQuery 更改checkbox的状态，无效

$(this).attr("checked", false).checkboxradio("refresh");     //应该这么写吧，少了$这个东东~~~跟js混淆了

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

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

害得帮客之家小编到处到网上搜 jQuery checkbox的操作，动态选择的相关文章，都写着是这样的实现代码：

$(‘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代码来完成这项工作呢？）

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

最终解决方案

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

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

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

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

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

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

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

标签：

原文地址：http://www.cnblogs.com/zhangxiaolei521/p/4978451.html