摘要：<!doctype html><html><head><meta charset="utf-8"><title>JS-demo</title><style>.box{width:120px; height:250px;border:1px solid #ccc; border-radius:5p
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS-demo</title>
<style>
.box{width:120px; height:250px;border:1px solid #ccc; border-radius:5px; padding:5px 10px; margin:20px auto;}
.box div{border-bottom:1px solid #ccc; padding-bottom:10px;}
.box input{margin:8px;}
</style>
</head>
<body>
<div class="box">
<div><input type="checkbox" id="checkall" onClick="checkAll()"><label for="checkall">全選</label></div>
<input type="checkbox" name="item[]">選項(xiàng)一<br>
<input type="checkbox" name="item[]">選項(xiàng)二<br>
<input type="checkbox" name="item[]">選項(xiàng)三<br>
<input type="checkbox" name="item[]">選項(xiàng)四<br>
<input type="checkbox" name="item[]">選項(xiàng)五<br>
<input type="checkbox" name="item[]">選項(xiàng)六<br>
</div>
</body>
<script type="application/javascript">
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;
}
}
}
</script>
</html>
//練習(xí)時(shí)，變量名checkall，書(shū)寫(xiě)錯(cuò)誤，導(dǎo)致無(wú)法實(shí)現(xiàn)功能，看了好半天才發(fā)現(xiàn)。。。。。拼寫(xiě)不規(guī)范，查找兩行淚
批改老師：韋小寶批改時(shí)間：2019-03-14 09:08:35
老師總結(jié)：實(shí)現(xiàn)了全選還要可以獲取到全選的信息才能呢 這個(gè)在以后的開(kāi)發(fā)都會(huì)使用到的