????：通過用戶觸發(fā)的時(shí)間獲取用戶選擇的狀態(tài)，然后獲取到狀態(tài)去查找下面的復(fù)選框，并修改為用戶選擇的狀態(tài)，通過循環(huán)一個(gè)一個(gè)修改<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="te
通過用戶觸發(fā)的時(shí)間獲取用戶選擇的狀態(tài)，然后獲取到狀態(tài)去查找下面的復(fù)選框，并修改為用戶選擇的狀態(tài)，通過循環(huán)一個(gè)一個(gè)修改
<!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>
?? ???：韋小寶?? ??：2018-12-25 09:23:50
???? ??：寫的不錯(cuò)，總結(jié)的也是簡(jiǎn)潔沒毛?。±^續(xù)加油吧！