jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)

更新時(shí)間：2010年04月30日 10:46:04 作者：

jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)，對(duì)于操作jquery的朋友可以參考下。

直接上代碼。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

下面的代碼比較全，是基于js的控制原理實(shí)現(xiàn)

<script src="http://img.jb51.net/jslib/jquery/jquery14.js"></script> 
<script type="text/javascript"> 
//全選 
function CheckedAll(){ 
$(':checkbox').attr('checked','checked'); 
} 

//全不選 
function CheckedNo(){ 
$(':checkbox').attr('checked',''); 
} 

//反選 
function CheckedRev(){ 
var arr = $(':checkbox'); 
for(var i=0;i<arr.length;i++){ 
arr[i].checked = ! arr[i].checked; 
} 
} 
</script> 
<body> 
<div> 
<input id="CheckAll" type="checkbox" /> 
<input name="subBox" type="checkbox" /> 
<input name="subBox" type="checkbox" /> 
<input name="subBox" type="checkbox" /> 
<input name="subBox" type="checkbox" /> 
</div> 
<input type="button" name="btnCheckedAll" value="全　選" onclick="javascript:CheckedAll();" /> 
<input type="button" name="btnCheckedNo" value="全不選" onclick="javascript:CheckedNo();" /> 
<input type="button" name="btnCheckedRev" value="反　選" onclick="javascript:CheckedRev();" /> 
</body> 

您可能感興趣的文章:

相關(guān)文章

jQuery與javascript對(duì)照學(xué)習(xí) 獲取父子前后元素實(shí)現(xiàn)代碼
jQuery與javascript對(duì)照學(xué)習(xí)(獲取父子前后元素) ，需要的朋友可以參考下，看看與js有什么不同。
2009-10-10
jQuery設(shè)置圖片等比例縮小的方法
這篇文章主要介紹了jQuery設(shè)置圖片等比例縮小的方法,涉及jQuery針對(duì)頁(yè)面元素屬性動(dòng)態(tài)判定與設(shè)置相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
jQuery實(shí)現(xiàn)的自定義滾動(dòng)條實(shí)例詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自定義滾動(dòng)條,結(jié)合完整實(shí)例詳細(xì)分析了jQuery自定義滾動(dòng)條的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并給出了jquery.jscroll.js插件的完整代碼,需要的朋友可以參考下
2016-09-09
jQuery實(shí)現(xiàn)數(shù)字華容道小游戲(實(shí)例代碼)
這篇文章主要介紹了jQuery實(shí)現(xiàn)數(shù)字華容道小游戲功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-01-01
JQuery異步post上傳表單數(shù)據(jù)標(biāo)準(zhǔn)化模板
這篇文章主要介紹了JQuery異步post上傳表單數(shù)據(jù)標(biāo)準(zhǔn)化模板，主要分享詳細(xì)的代碼，具有一的的知識(shí)參考性，需要的小伙伴可以參考一下
2022-02-02
簡(jiǎn)單常用的幻燈片播放實(shí)現(xiàn)代碼
幻燈片自動(dòng)播放圖片是當(dāng)前網(wǎng)站比較流行的一個(gè)展示方式，這里項(xiàng)目需要，我自己做了一個(gè)簡(jiǎn)單的，就不詳細(xì)講解了，代碼很簡(jiǎn)單。直接看效果圖和代碼吧，希望對(duì)大家有所幫助
2013-09-09
JS實(shí)現(xiàn)點(diǎn)擊生成UUID的方法完整實(shí)例【基于jQuery】
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊生成UUID的方法,結(jié)合完整實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的隨機(jī)字符串生成相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06
jquery精度計(jì)算代碼 jquery指定精確小數(shù)位
這篇文章主要為大家詳細(xì)介紹了jquery精度計(jì)算代碼,jquery指定精確小數(shù)位，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
運(yùn)用jQuery寫(xiě)的驗(yàn)證表單(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇運(yùn)用jQuery寫(xiě)的驗(yàn)證表單(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
jquery實(shí)現(xiàn)點(diǎn)擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法
下面小編就為大家分享一篇jquery實(shí)現(xiàn)點(diǎn)擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01