abstract：<!DOCMENT TYPE> <html> <head> <title>课后练习-checkbox全选</title> </head> <style type="text/css"> *{margin: 0;padding: 0;border:
<!DOCMENT TYPE>
<html>
<head>
<title>课后练习-checkbox全选</title>
</head>
<style type="text/css">
*{margin: 0;padding: 0;border: 0;}
table{margin:0 auto;color:green;}
th{width:600px;text-align:left;height:40px;line-height:40px;}
th{width:300px;height:30px;line-height:30px;}
</style>
<script type="text/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>
<body>
<table>
<tr>
<th colspan="2"><input type="checkbox" id="checkall" onclick="checkAll()"><label for="checkall">全选</label></th>
</tr>
<tr>
<td><input type="checkbox" name="item[]">选项1<br></td>
<td><input type="checkbox" name="item[]">选项2<br></td>
</tr>
<tr>
<td><input type="checkbox" name="item[]">选项3<br></td>
<td><input type="checkbox" name="item[]">选项4<br></td>
</tr>
</table>
</body>
</html>
Correcting teacher：灭绝师太Correction time：2019-02-28 09:19:15
Teacher's summary：全选案例后期的使用场景很多,要多多练习哦!