全选、全不选、反选

来源：互联网发布：网络充330元种苹果树编辑：程序博客网时间：2024/05/22 05:20

<!doctype html><html><head><meta charset="utf-8"><title>全选、全不选、反选</title><script>window.onload=function(){var oBtn1=document.getElementById("bt1");var oBtn2=document.getElementById("bt2");var oBtn3=document.getElementById("bt3");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==false){aCh[i].checked=true;}else{aCh[i].checked=false}}}}</script></head><body><input id="bt1" type="button" value="全选" /><input id="bt2" type="button" value="全不选" /><input id="bt3" type="button" value="反选" /><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 /></div></body></html>

阅读全文

0 0