abstrak：<!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>
Guru membetulkan：滅絕師太Masa pembetulan：2019-02-28 09:19:15
Rumusan guru：全選案例后期的使用場景很多,要多多練習哦!