全选，反选，不选，单选

最新推荐文章于 2022-12-06 15:05:34 发布

Mike917

最新推荐文章于 2022-12-06 15:05:34 发布

阅读量174

点赞数

分类专栏： qianduan

qianduan 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="text/javascript">
    window.onload=function(){
        var CheckAll=document.getElementById('All');
        var UnCheck=document.getElementById('uncheck');
        var OtherCheck=document.getElementById('othercheck');
        var div=document.getElementById('div');
        var CheckBox=div.getElementsByTagName('input');
        CheckAll.onclick=function(){
            for(i=0;i<CheckBox.length;i++){
                CheckBox[i].checked=true;
            }
        };
        UnCheck.onclick=function(){
            for(i=0;i<CheckBox.length;i++){
                CheckBox[i].checked=false;
            }
        }
        OtherCheck.onclick=function(){
            for(i=0;i<CheckBox.length;i++){
                if(CheckBox[i].checked==true){
                    CheckBox[i].checked=false;
                }
                else{
                    CheckBox[i].checked=true
                }
            }
        }
    }
</script>
<body>
全选：<input type="button" id="All" value="全选" /><br />
不选<input type="button" id="uncheck" value="不选" /><br />
反选<input type="button" id="othercheck" value="反选" /><br />
<div id="div">
    <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/>
    <input type="checkbox" /><br/>
    <input type="checkbox" /><br/>
    <input type="checkbox" /><br/>
    <input type="checkbox" /><br/>
    <input type="checkbox" /><br/>
</div>
</body>
</html>

Mike917

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
全选，反选，不选，单选

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>script type="text/javascript"> window.onload=function(){ var CheckAll=document.getElementById('All');
复制链接

扫一扫