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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章