原生js全选，反选，不选

来源：互联网发布：hadoop 2.8.2 windows 编辑：程序博客网时间：2024/04/28 01:07

原生js写的全选，反选，不选

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><script>window.onload=function (){var oBtn1=document.getElementById('btn1');var oBtn2=document.getElementById('btn2');var oBtn3=document.getElementById('btn3');var oDiv=document.getElementById('div1');var aCh=oDiv.getElementsByTagName('input');oBtn1.onclick=function (){for(var i=0;i<aCh.length;i++){aCh[i].checked=true;}};oBtn2.onclick=function (){for(var i=0;i<aCh.length;i++){aCh[i].checked=false;}};oBtn3.onclick=function (){for(var i=0;i<aCh.length;i++){if(aCh[i].checked==true){aCh[i].checked=false;}else{aCh[i].checked=true;}}};};</script></head><body><input id="btn1" type="button" value="全选" /><br><input id="btn2" type="button" value="不选" /><br><input id="btn3" type="button" value="反选" /><br><div id="div1">    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br>    <input type="checkbox" /><br></div></body></html>

0 0