Select All

Nama Lengkap
Umar
Ali
Abu
Linda
Rini


Contoh di atas adalah rumus dari:

<table border="1">
<tr>
<th><input type="checkbox" onchange="checkAll(this)"></th>

<th>Nama Lengkap</th>
</tr>
<tr>
<td><input type="checkbox"/></td>

<td>Umar</td>
</tr>
<tr>
<td><input type="checkbox"/></td>

<td>Ali</td>
</tr>
<tr>
<td><input type="checkbox"/></td>

<td>Abu</td>
</tr>
<tr>
<td><input type="checkbox"/></td>

<td>Linda</td>
</tr>
<tr>
<td><input type="checkbox"/></td>

<td>Rini</td>

</tr>
</table>

<script type="text/javascript">
function checkAll(box) 
{
let checkboxes = document.getElementsByTagName('input');

if (box.checked) { // jika checkbox teratar dipilih maka semua tag input juga dipilih
for (let i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = true;
}
}
} else { // jika checkbox teratas tidak dipilih maka semua tag input juga tidak dipilih
for (let i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = false;
}
}
}
}
</script>

Posting Komentar