<!DOCTYPE html>
全选不选和反选
<br> window.onload = function(){<br> var oBtn1 = document.getElementById('btn1');<br> var oBtn2 = document.getElementById('btn2');<br> var oBtn3 = document.getElementById('btn3');<br> var oDiv = document.getElementById('div1');<br> var aCh = oDiv.getElementsByTagName('input');<br> var sum = aCh.length;<br> alert(sum);</p> <pre><code> //使用这种方法并没有什么卵用,没有效果 // function abc(){ // for(i=0 ; i<aCh.length ; i++){//count // aCh[i].checked = true; // } // } //只有使用这种方法才有用 oBtn1.onclick = function(){ for(var i=0;i<aCh.length;i++) { aCh[i].checked=true; } } } </script> </code></pre> <p></head><br> <body><br> <input id = "btn0" type="button" value="使用onClick不起作用" onclick="abc()" ><br><br> <input id = "btn1" type="button" value="全选" ><br><br> <input id = "btn2" type="button" value="不选"><br><br> <input id = "btn3" type="button" value="反选"><br></p> <pre><code> <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> </div> </code></pre> <p></body><br> </html></p>
在CSDN发布的时候麻烦选择插入代码，不然这么乱难得看啊。
https://www.helloweba.com/view-blog-254.html
这是我在网上查到的，你自己对比一下
我的哥，你让别人咋看？？？
这么乱，粘代码的时候用csdn的插入代码片段啊，没法看
啊我的眼睛！我做错了什么你要给我看这个！？
哇欧,大哥;你这代码看的我瞬间没心情了。好乱额
代码也就不看了，检查一下是不是事件冲突了
方法有没有写错?单词写对了码?
啥也没看 建议你可以试试在点击事件里打印下 看看事件触发没 如果触发了那就是逻辑写错了 如果没触发再看看是用啥获取的元素 类名orID写错没