jquery中checkbox全選失效的解決方法
更新時間：2014年12月26日 12:54:36 投稿：mdxy-dxy
這篇文章主要介紹了jquery中checkbox全選失效的解決方法,需要的朋友可以參考下
如果你使用jQuery 1.6 ，代碼if ( $(elem).attr(“checked”) )，將獲得一個屬性(attribute) ，它不改變該復(fù)選框被選中和選中。它只是用來存儲默認(rèn)或選中屬性的初始值。為了保持向后兼容，.attr() 方法從 jQuery 1.6.1+ 開始除了返回屬性值外，還會更新 property 屬性，因此 boolean attribute（布爾屬性）不需要通過 .prop() 來改變其值。推薦使用上述方法之一，來取得 checked 的值。
使用jQuery的attr方法獲取和設(shè)置復(fù)選框的”checked”屬性，發(fā)現(xiàn)第一次全選/取消全選有效，之后就無效了，但查看html源文件，復(fù)選框?qū)傩源_實已經(jīng)被更新了，就是頁面中沒有更新，正確的方法如下：
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script><script type="text/javascript">// <![CDATA[
$(function(){
$('.ckAll').click(function(){
$(".box-items").each(function(){
$(this).prop("checked",!!$(".box-all").prop("checked"));
});
});
});
// ]]></script>
<div><label class="ckAll"><input class="box-all" type="checkbox" /><span>全選</span></label>
<input class="box-items" type="checkbox" />
<input class="box-items" type="checkbox" />
<input class="box-items" type="checkbox" />
<input class="box-items" type="checkbox" />
<input class="box-items" type="checkbox" />
</div>
您可能感興趣的文章:
- jquery實現(xiàn)全選、反選、獲得所有選中的checkbox
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- jQuery CheckBox全選、全不選實現(xiàn)代碼小結(jié)
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實現(xiàn)代碼
- jquery復(fù)選框CHECKBOX全選、反選
- 基于JQuery實現(xiàn)CheckBox全選全不選
- checkbox全選/取消全選以及checkbox遍歷jQuery實現(xiàn)代碼
- jQuery對checkbox 復(fù)選框的全選全不選反選的操作
- 多個jquery.datatable共存,checkbox全選異常的快速解決方法
- jQuery實現(xiàn)checkbox全選功能完整實例
相關(guān)文章
JQuery和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例
下面小編就為大家?guī)硪黄狫Query和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了jQuery中$.extend()用法,實例分析了extend()方法的功能、定義及相關(guān)的使用技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jquery通過closest選擇器修改上級元素的方法,實例分析了jQuery中closest選擇器的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jquery調(diào)用asp.net 頁面后臺的實現(xiàn)代碼
前一篇介紹jquery調(diào)用webservice，這一篇引用的是用jquery直接調(diào)用aspx后臺方法。2011-04-04
Struts2+jquery.form.js實現(xiàn)圖片與文件上傳的方法
這篇文章主要介紹了Struts2+jquery.form.js實現(xiàn)圖片與文件上傳的方法,結(jié)合實例形式詳細(xì)分析了jquery.form.js插件實現(xiàn)前臺圖片上傳提交及Struts2進行后臺處理的相關(guān)步驟與實現(xiàn)技巧,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jquery.validate使用時遇到的問題的解決方法的匯總，真是應(yīng)了那句老話，會者不難難者不會，這里記錄一下，有需要的小伙伴可以參考下。2015-05-05
jQuery實現(xiàn)數(shù)秒后自動提交form的方法
這篇文章主要介紹了jQuery實現(xiàn)數(shù)秒后自動提交form的方法,實例分析了jQuery實現(xiàn)form表單延時提交的技巧,需要的朋友可以參考下2015-03-03
下面小編就為大家分享一篇淺談ajax請求不同頁面的微信JSSDK問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了jQuery實現(xiàn)防止提交按鈕被雙擊的方法,涉及jQuery針對鼠標(biāo)按鍵的操作技巧以及preventDefault方法對元素默認(rèn)行為的修改技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
本節(jié)主要介紹了jquery如何獲取一個元素下面相同子元素的個數(shù)代碼,需要的朋友可以參考下2014-07-07