jquery中checkbox全選失效的解決方法

更新時(shí)間：2014年12月26日 12:54:36 投稿：mdxy-dxy

這篇文章主要介紹了jquery中checkbox全選失效的解決方法,需要的朋友可以參考下

如果你使用jQuery 1.6 ，代碼if ( $(elem).attr(“checked”) )，將獲得一個(gè)屬性(attribute) ，它不改變?cè)搹?fù)選框被選中和選中。它只是用來存儲(chǔ)默認(rèn)或選中屬性的初始值。為了保持向后兼容，.attr() 方法從 jQuery 1.6.1+ 開始除了返回屬性值外，還會(huì)更新 property 屬性，因此 boolean attribute（布爾屬性）不需要通過 .prop() 來改變其值。推薦使用上述方法之一，來取得 checked 的值。

使用jQuery的attr方法獲取和設(shè)置復(fù)選框的”checked”屬性，發(fā)現(xiàn)第一次全選/取消全選有效，之后就無效了，但查看html源文件，復(fù)選框?qū)傩源_實(shí)已經(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>

您可能感興趣的文章:

相關(guān)文章

淺析jQuery對(duì)select操作小結(jié)(遍歷option,操作option)
本篇文章是關(guān)于jQuery對(duì)select的操作進(jìn)行了總結(jié)介紹，需要的朋友可以參考下
2013-07-07
jQuery中slideUp 和 slideDown 的點(diǎn)擊事件
這篇文章主要介紹了jQuery中slideUp 和 slideDown 的點(diǎn)擊事件的相關(guān)資料,需要的朋友可以參考下
2015-02-02
動(dòng)感效果的TAB選項(xiàng)卡jquery 插件
動(dòng)感效果的TAB選項(xiàng)卡jquery 插件,需要的朋友可以參考下。
2011-07-07
jQuery編寫QQ簡(jiǎn)易聊天框
這篇文章主要為大家詳細(xì)介紹了jQuery編寫QQ簡(jiǎn)易聊天框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08
jquery結(jié)合html實(shí)現(xiàn)中英文頁面切換
這篇文章主要為大家詳細(xì)介紹了jquery結(jié)合html實(shí)現(xiàn)中英文頁面切換,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
jQuery的animate函數(shù)學(xué)習(xí)記錄
jQuery.animate的每種動(dòng)畫過渡效果都是通過easing函數(shù)實(shí)現(xiàn)的，下面是自己研究之后對(duì)其的基本認(rèn)識(shí)
2014-08-08
jquery 輪換顯示第一小個(gè)例子
用jquery實(shí)現(xiàn)的橫向顯示輪換效果。
2010-05-05
jquery簡(jiǎn)易手風(fēng)琴插件的封裝
這篇文章主要為大家詳細(xì)介紹了jquery簡(jiǎn)易手風(fēng)琴插件的封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-10-10
jQuery實(shí)現(xiàn)點(diǎn)擊滾動(dòng)到指定元素上的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊滾動(dòng)到指定元素上的方法,結(jié)合實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素屬性的相關(guān)相關(guān)使用技巧,需要的朋友可以參考下
2020-03-03
jQuery阻止同類型事件小結(jié)
事件追加：點(diǎn)擊green元素會(huì)依次執(zhí)行g(shù)reen click1、green click2兩個(gè)事件（同一元素的同類型事件），感興趣的朋友可以參考下哈
2013-04-04