JavaScript實現複選框全選
[cp]<html lang="en"> javascript
<head> html
<meta charset="UTF-8"> java
<title>Document</title> this
<script type="text/javascript"> htm
window.onload=function(){ ip
} get
function myfunc(chk){ input
var chklist=document.getElementsByName('chkstu'); it
for(var i=0;i<chklist.length;i++){ io
chklist[i].checked=chk.checked;
}
}
</script>
</head>
<body>
<table border="1" width="300" height="200">
<thead>
<tr>
<td><input type="checkbox" id="checkall" onclick="myfunc(this)">全選</td>
<td>學號</td>
<td>姓名</td>
<td>年齡</td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="chkstu"></td>
<td>1001</td>
<td>張三</td>
<td>18</td>
</tr>
<tr>
<td><input type="checkbox" name="chkstu"></td>
<td>1002</td>
<td>莉莉絲</td>
<td>18</td>
</tr>
<tr>
<td><input type="checkbox" name="chkstu"></td>
<td>1003</td>
<td>薇薇安</td>
<td>18</td>
</tr>
</tbody>
</table>
</body>
</html>[/cp]
- 1. javascript 複選框 全選 全取消
- 2. js實現複選框全選邏輯
- 3. Angular6實現複選框的全選
- 4. js實現複選框的全選、全不選和反選
- 5. JavaScript實現複選框的全選功能
- 6. javascript實現全選/全不選/反選
- 7. JavaScript實現全選 單選
- 8. 【JavaScript】複選框的全選、反選，判斷哪些複選框被選中
- 9. 複選框全選
- 10. jQuery實現複選框的全選和全不選
- 更多相關文章...
- • ionic 複選框 - ionic 教程
- • ionic 單選框 - ionic 教程
- • ☆基於Java Instrument的Agent實現
- • 爲了進字節跳動，我精選了29道Java經典算法題，帶詳細講解
-
每一个你不满意的现在，都有一个你没有努力的曾经。