国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:54:53
字體:
來源:轉載
供稿:網友

復制代碼 代碼如下:

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

復制代碼 代碼如下:

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);
});

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 嵊州市| 武川县| 大荔县| 古丈县| 赤水市| 伽师县| 万宁市| 夏河县| 惠安县| 福贡县| 噶尔县| 玉环县| 资源县| 奉节县| 德保县| 若尔盖县| 沙河市| 伊金霍洛旗| 察雅县| 嘉黎县| 同江市| 前郭尔| 额尔古纳市| 宽城| 荆州市| 承德市| 垦利县| 卓尼县| 冀州市| 莱阳市| 乌拉特中旗| 老河口市| 天柱县| 南康市| 县级市| 辰溪县| 漳平市| 雷波县| 米林县| 开阳县| 仙桃市|