<!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>
