全选,反选,不选 小代码

<!DOCTYPE html>
<html lang="en">
<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 oDiv1=document.getElementById('div1'); var aCh=oDiv1.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>
<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>
    </div>

</body>
</html>

你可能感兴趣的:(全选,反选,不选 小代码)