lovecoding
/
VIPJAVA


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

    <input type="checkbox" name="hobby"> 电影
    <input type="checkbox" name="hobby"> 旅游
    <input type="checkbox" name="hobby"> 游戏

    <button onclick="selectAll()" >全选</button>
    <button onclick="selectNotAll()" >全不选</button>
    <button onclick="select()" >反选</button>

    <!--
        需求 实现全选  全不选  反选
            1.获取复选框
            2.修改每一个属性 checked = true
     -->
    <script>
        function selectAll(){
            let insArr= document.getElementsByName("hobby");
            //遍历
            for (let i = 0; i < insArr.length; i++) {
                //修改每一个
                insArr[i].checked =  true;
            }
        }
        function selectNotAll(){
            let insArr= document.getElementsByName("hobby");
            //遍历
            for (let i = 0; i < insArr.length; i++) {
                //修改每一个
                insArr[i].checked =  false;
            }
        }
        function select(){
            let insArr= document.getElementsByName("hobby");
            //遍历
            for (let i = 0; i < insArr.length; i++) {
                //修改每一个
                insArr[i].checked = !insArr[i].checked ;
            }
        }
    </script>
</body>
</html>