// 主復(fù)選框
<input type="checkbox" id="ck" name="ckAll">// 子復(fù)選框項
<input type="checkbox" id="ck1" name="ckItm">
<input type="checkbox" id="ck2" name="ckItm">
<input type="checkbox" id="ck3" name="ckItm">

復(fù)制代碼代碼如下:

var $ckAll = $("input[name='ckAll']");
var $ckItm = $("input[name='ckItm']");
var len = $ckItm.length;
$ckAll.click(function() {
　　// 獲取$ckAll當(dāng)前選中狀態(tài)，如果選中，其他子復(fù)選框則選中，反之則取消
    $ckItm.prop('checked',this.checked);
});
$ckItm.click(function() {
    // 給b綁定判斷事件
    var b=$ckItm.filter(":checked").length==len;// 當(dāng)所選的子復(fù)選框個數(shù)等于總個數(shù)，主復(fù)選框則會被選中
    // 通過三元運(yùn)算判斷
    var flag=$ckAll.prop("checked",b?true:false);
});

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)的五星點評功能【案例】
這篇文章主要介紹了jQuery實現(xiàn)的五星點評功能,結(jié)合具體實例形式分析了jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作實現(xiàn)五星點評功能相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02
jquery取子節(jié)點及當(dāng)前節(jié)點屬性值的方法
這篇文章主要介紹了jquery取子節(jié)點及當(dāng)前節(jié)點屬性值的方法，比較實用，需要的朋友可以參考下
2014-09-09
jquery實現(xiàn)進(jìn)度條狀態(tài)展示
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)進(jìn)度條狀態(tài)展示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
批量修改標(biāo)簽css樣式以input標(biāo)簽為例
本節(jié)主要介紹了jquery如何批量修改標(biāo)簽css樣式以input標(biāo)簽為例,需要的朋友可以參考下
2014-07-07
基于jquery的下拉框改變動態(tài)添加和刪除表格實現(xiàn)代碼
以前很少用jquery，現(xiàn)在工作需要，用上了，感覺真的很方便！不用再像以前那樣寫那么多多余的Js了！看來得在jquery上花點功夫呢！
2011-03-03
深入理解jquery的$.extend()、$.fn和$.fn.extend()
下面小編就為大家?guī)硪黄钊肜斫鈐query的$.extend()、$.fn和$.fn.extend()。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
jQuery實現(xiàn)TAB選項卡切換特效簡單演示
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)TAB選項卡切換特效簡單演示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03
jquery插件開發(fā)之實現(xiàn)google+圈子選擇功能
最近項目中用到的一個效果，類似于Google+的添加圈子功能。本文插件約8成封裝，好多功能是依據(jù)項目中實際需求寫的。若要使用，可根據(jù)自身情況擴(kuò)展修改
2014-03-03
Jquery ajaxStart()與ajaxStop()方法(實例講解)
本篇文章主要是對Jquery中的ajaxStart()與ajaxStop()方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
Jquery回調(diào)對象與延遲對象用法詳解
本文詳細(xì)講解了Jquery回調(diào)對象與延遲對象的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-05-05