abstract：通过用户触发的时间获取用户选择的状态，然后获取到状态去查找下面的复选框，并修改为用户选择的状态，通过循环一个一个修改<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="te
通过用户触发的时间获取用户选择的状态，然后获取到状态去查找下面的复选框，并修改为用户选择的状态，通过循环一个一个修改
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.cotent {
width: 300px;
height: 600px;
margin: 20px auto;
}
button {
margin-left: 1%;
}
</style>
<script type="text/javascript">
function checkAll() {
var click = document.getElementById('checkbox')
var click1 = document.getElementsByName('checkbox[]')
console.log(click1)
for (var i = 0; i < click1.length; i++) {
if (click.checked) {
click1[i].checked = true
} else {
click1[i].checked = false
}
}
}
</script>
</head>
<body>
<div class="content">
<div>
<input type="checkbox" id="checkbox" onclick="checkAll()" style="border-bottom: 1px solid aquamarine;"><label>全选</label>
<input type="checkbox" name="checkbox[]"><label>1</label>
<input type="checkbox" name="checkbox[]"><label>2</label>
<input type="checkbox" name="checkbox[]"><label>3</label>
<input type="checkbox" name="checkbox[]"><label>4</label>
<input type="checkbox" name="checkbox[]"><label>5</label>
<input type="checkbox" name="checkbox[]"><label>6</label>
<input type="checkbox" name="checkbox[]"><label>7</label>
<input type="checkbox" name="checkbox[]"><label>8</label>
</div>
</div>
</body>
</html>
Correcting teacher：韦小宝Correction time：2018-12-25 09:23:50
Teacher's summary：写的不错，总结的也是简洁没毛病！继续加油吧！