abstrakt：<!DOCTYPE html> <html> <head> <meta charset="UTF-8">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>復(fù)選框全選</title>
<style>
.box1 {
width: 100px;
height: 230px;
border: 1px solid lightblue;
border-radius: 8px;
margin: 100px auto;
}
.box1 .box2 {
height: 40px;
line-height: 40px;
border-bottom: 1px solid #ccc;
margin-bottom: 8px;
}
.box1 input {
margin: 8px 8px;
}
</style>
<script>
function checkall() {
var checkall, item;
checkall = document.getElementById('checkall');
item = document.getElementsByName('item[]');
// for (var i=0;i<item.length;i++){
// if(checkall.checked){
// item[i].checked = true;
// }else{
// item[i].checked = false;
// }
// }
var i = 0;
// while(i<item.length){
// if(checkall.checked){
// item[i].checked = true;
// }else{
// item[i].checked = false;
// }
// i++;
// }
do {
if (checkall.checked) {
item[i].checked = true;
} else {
item[i].checked = false;
}
i++;
} while (i < item.length)
}
</script>
</head>
<body>
<div>
<div>
<input type="checkbox" id="checkall" onclick="checkall()">
<label for="checkall">全選</label>
</div>
<input type="checkbox" name="item[]">選項(xiàng)1
<br>
<input type="checkbox" name="item[]">選項(xiàng)2
<br>
<input type="checkbox" name="item[]">選項(xiàng)3
<br>
<input type="checkbox" name="item[]">選項(xiàng)4
<br>
<input type="checkbox" name="item[]">選項(xiàng)5
<br>
<input type="checkbox" name="item[]">選項(xiàng)6
<br>
</div>
</body>
</html>在老師的運(yùn)用for循環(huán)實(shí)現(xiàn)全選基礎(chǔ)上使用了while循環(huán)和do while循環(huán)實(shí)現(xiàn)全選。
Korrigierender Lehrer：韋小寶Korrekturzeit：2019-02-01 09:26:28
Zusammenfassung des Lehrers：寫的很不錯 for循環(huán)和while以及do while差別都不是很大 基本上都是可以進(jìn)行替換的