abstrakt：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全選功能的實(shí)現(xiàn)</title> <style type="text/css"> .box{width: 100px;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>全選功能的實(shí)現(xiàn)</title>
<style type="text/css">
.box{width: 100px;
height: 200px;
border: 1px solid #000;
border-radius: 5px;
margin: 20px auto;
padding: 0px 10px;}
.box div{border-bottom: 1px solid #000;
padding-top: 10px;
margin-bottom: 8px;}
.box input{margin: 8px;}
</style>
</head>
<body>
<div>
<div>
<input type="checkbox" id="checkall" onclick="CheckAll()"></input><label for="checkall">全選</label>
</div>
<input type="checkbox" name="item[]">唱歌</input><br>
<input type="checkbox" name="item[]">看書</input><br>
<input type="checkbox" name="item[]">跳舞</input><br>
<input type="checkbox" name="item[]">跑步</input><br>
<input type="checkbox" name="item[]">打球</input>
</div>
<script>
function CheckAll(){
var a,b;
a=document.getElementById('checkall');
b=document.getElementsByName('item[]');
for(var i=0;i<b.length;i++){
if(a.checked)
b[i].checked=true;
else
b[i].checked=false;
}
}
</script>
</body>
</html>總結(jié)：編寫時(shí)一定要細(xì)心！因?yàn)閘ength寫成了lenght查錯(cuò)查了好久，浪費(fèi)了好多時(shí)間。
Korrigierender Lehrer：天蓬老師Korrekturzeit：2019-01-13 19:15:25
Zusammenfassung des Lehrers：復(fù)選框, checkbox, 應(yīng)該設(shè)置一個(gè)或多個(gè)默認(rèn)值的,防止用戶無(wú)任何操作提交無(wú)效數(shù)據(jù)