jquery checkbox checked 第一次有效果 第二次以后就不好用了

标签： jquerycheckboxchecked

2015-06-08 14:54 542人阅读 评论(0)收藏举报

分类：

jquery（1）

版权声明：本文为博主原创文章，未经博主允许不得转载。

之前我是这样写的

[javascript] view plain copy print?

1. <pre name="code" class="javascript">    var allIsChecked=$('#checkedAll').is(':checked');  
2.     var checkboxes = $('input[name="checkbox"]');  
3.     allIsChecked?checkboxes.attr('checked',true):checkboxes.attr('checked',false);  

第一次点的时候好用，但是第二次之后就不行了。

后来查资料改成下面这样就好用了

[javascript] view plain copy print?

1. var allIsChecked=$('#checkedAll').is(':checked');  
2. var checkboxes = $('input[name="checkbox"]');  
3. allIsChecked?checkboxes.prop('checked',true):checkboxes.prop('checked',false);  

原因是jQuery自1.6.1开始增加了一个prop()方法，关于attr和prop的使用区别总结起来就是具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()，具体见下表：