麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

模擬多級復選框效果的jquery代碼

2019-11-20 22:24:46
字體：大 中 小
來源：轉載
供稿：網友
今天又次體會到jquery的強大了，做了個多級復選框的效果，代碼總共就20+行就over了。

我又想用js來做一個看看，才寫了幾個方法就寫不動了，兼容性要考慮很多，而且代碼量直線上升。

主要分享下jquery的這個效果的實現。代碼塊分兩塊：

一是全選的效果，就是點擊全選的復選框時它的子孫都相應被選中或者未選中。這人很好做，代碼如下：
復制代碼 代碼如下:

evtEle.parent().next(".checks").find("input:checkbox").attr("checked", evtEle[0].checked);//evtEle是點擊的復選框

二是當前復選框的父框根據當前框的兄弟是否全選中來決定父框是否選中，再繼續往上看父框的父框等。
當全選中時這里的實現使用parents來得到所有的父框，對每一個的操作結合each來完成。

當非全選中時父框依次失去被選中。代碼如下：
復制代碼 代碼如下:

if (evtEle.is("input:checked")) {
evtEle.parents(".checks").each(function () {
!$(this).children("p").children("input:checkbox").filter(function () {
return !this.checked;
})[0] && $(this).prev().children("input:checkbox").attr("checked", "checked");
});
} else {
evtEle.parents(".checks").prev().children("input:checkbox").attr("checked", false);
}

code下載

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： xxxxhd73国产| 九色激情网 | 亚洲精品a在线观看 | 欧美日韩成人一区二区 | 成人在线不卡 | 逼片视频 | 精品成人国产在线观看男人呻吟 | 日本黄色一级视频 | 国产成人在线网址 | 人人做人人看 | 色视频欧美 | 亚洲欧美不卡视频 | 伦理三区 | 日韩大片在线永久观看视频网站免费 | 久久久久久久亚洲精品 | 日本黄色免费观看视频 | 欧美一级aa免费毛片 | 久久久午夜电影 | 黄色特级毛片 | 激情综合网俺也去 | 久久精品亚洲精品国产欧美kt∨ | 99爱国产精品 | 国产日韩在线观看一区 | 羞羞视频免费观看网站 | 国产精品一区二区三区在线 | 中文字幕在线观看视频一区 | 一级做人爱c黑人影片 | av噜噜噜噜 | 国产精品99久久久久久大便 | 黄色毛片一级 | 国产午夜精品视频免费不卡69堂 | 久久久久久中文字幕 | 久久久久999| 国产羞羞视频在线观看 | 婷婷亚洲一区二区三区 | 91,视频免费看 | 欧美日韩亚洲在线 | 亚洲国产高清一区 | 国产一区二区欧美精品 | 中文字幕在线观看免费视频 | 国产高潮国产高潮久久久91 |