正文

js实现复选框全选

IP云
IP云V管理员/2 阅读
08/01
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

HTML代码如下:

<div> <label><input type="checkbox" name="aAll">全选</label><br> <label><input type="checkbox" name="a">A</label><br> <label><input type="checkbox" name="a">B</label><br> <label><input type="checkbox" name="a">C</label></div>

JS代码如下：

var all = document.getElementsByName("aAll")[0]; var aCheck = document.getElementsByName("a"); all.onclick = function(){ if(this.checked){ for(var i of aCheck){ i.checked = true; } }else{ for(var i of aCheck){ i.checked = false; } } } for(var i of aCheck){ i.onclick = function(){ if(!this.checked){ all.checked = false; } } }

逻辑很简单，有兴趣的可以复制到页面试试。