首頁 > web前端 > js教程 > 方便實用的jQuery checkbox複選框全選功能簡單實例_jquery

方便實用的jQuery checkbox複選框全選功能簡單實例_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 17:20:32
原創
980 人瀏覽過

複製程式碼 程式碼如下:

// 主選框
// 子複選框項



複製程式碼 程式碼如下:

var $ckAll = $("input[name=' ckAll']");
var $ckItm = $("input[name='ckItm']");
var len = $ckItm.length;
$ckAll.click(function() {
  // 取得$ckAll目前選中狀態,如果選中,其他子複選框則選中,反之則取消
    $ckItm.prop('checked',this.checked);
});
$ckItm.click(function() {
    // 給b綁定判斷事件
    var b=$ckItm.filter(":checked").length==len;// 當所選的子複選框數等於總個數,主複選框則會被選中
    // 透過三元運算判斷
    var flag=$ckAll.prop("checked",b?true:false) ;
});
相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
引入jQuery 文件
來自於 1970-01-01 08:00:00
0
0
0
jquery筆記哪裡有下?
來自於 1970-01-01 08:00:00
0
0
0
javascript - vue+webpack怎麼引入jquery
來自於 1970-01-01 08:00:00
0
0
0
php+jquery的問題
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板