<!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>