lovecoding
/
VIP31


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dom</title>
</head>
<body>

    <div>
        蓝球明星
        <input class="ball" name="ball" type="checkbox" value="科比">科比
        <input class="ball" name="ball" type="checkbox" value="詹姆斯">詹姆斯
        <input class="ball" name="ball" type="checkbox" value="杜兰特">杜兰特
        <input class="ball" type="checkbox" value="库里">库里
        <input class="ball" type="checkbox" value="哈登">哈登
        <input  type="checkbox" value="威少">威少
    </div>

    <button id="btn1" >全选</button>
    <button id="btn2" >全不选</button>
    <button id="btn3" >反选</button>

</body>
<script>
    //获取 id btn3
    document.getElementById("btn3").onclick = function (){
        // 标签获取
        //let inpArr = document.getElementsByTagName("input");
        //classname
        //let inpArr = document.getElementsByClassName("ball");
        // name
        let inpArr = document.getElementsByName("ball");
        //console.log(inpArr.length)
        //选中
        for (let i = 0; i < inpArr.length; i++) {
            //修改为 反选
            inpArr[i].checked = !inpArr[i].checked;
        }
    }

    //获取 id btn2
    document.getElementById("btn2").onclick = function (){
        // 标签获取
        let inpArr = document.getElementsByTagName("input");
        //console.log(inpArr.length)
        //选中
        for (let i = 0; i < inpArr.length; i++) {
            //修改为不选
            inpArr[i].checked = false;
        }
    }

    //获取 id btn 全选按钮
    document.getElementById("btn1").onclick = function (){
        // 标签获取
        let inpArr = document.getElementsByTagName("input");
        //console.log(inpArr.length)
        //选中
        for (let i = 0; i < inpArr.length; i++) {
            //修改为选中
            inpArr[i].checked = true;
        }
    }


</script>
</html>