當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
全选反选JavaScript实现
生活随笔
收集整理的這篇文章主要介紹了
全选反选JavaScript实现
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
html代碼
<label for="all">全選</label><input type="checkbox" id="all"> <div id="box"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> </div>JS代碼
var all = document.getElementById("all");var aInput = document.querySelectorAll("#box>input");all.onclick = function () {if (this.checked) {for (var i = 0; i < aInput.length; i++) {aInput[i].checked = true;}} else {for (var i = 0; i < aInput.length; i++) {aInput[i].checked = false;}}};for (var i = 0; i < aInput.length; i++) {aInput[i].onclick = function () {var bStop = true;for (var K = 0; K < aInput.length; K++) {if (!aInput[K].checked) {bStop = false;break;}}if (bStop) {all.checked = true;} else {all.checked = false;}}}總結(jié)
以上是生活随笔為你收集整理的全选反选JavaScript实现的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 装入硬盘盒做移动硬盘 移动硬盘如何安装路
- 下一篇: 留言板JavaScript实现