jquery checkbox 多次选择后 checked失效

之前我是这样写的

[javascript]  view plain  copy

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

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()，具体见下表：

转载自：http://blog.csdn.net/boylong12/article/details/46412669

扫描二维码关注公众号，回复： 2039309 查看本文章