表单全选切换

来源:互联网 发布:sql replace into用法 编辑:程序博客网 时间:2024/05/26 17:43
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        window.onload=function() {
            var oBtn = document.getElementById("btn");
            var iPut = document.getElementsByTagName("input");


            oBtn.onclick = function () {
                for (var i = 0; i < iPut.length; i++) {
                    if(iPut[i].checked == true){
                        iPut[i].checked = false;
                    }else{
                        iPut[i].checked =true;
                    }


                }
            }
        }
    </script>
</head>
<body>
<p id="btn">全选</p>
<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>
</body>
</html>
0 0
原创粉丝点击