Check or Uncheck all checkbox dengan JavaScript
Publish Date : 03-03-2016 , dibaca 23330 kali, Hari ini dibaca : 1 kali ,0 comments
Cara Check All / Cheklis Semua cehkbox dengan Javascript , ya.. pada tutorial kai ini suckittrees dot com akan memberikan penjelasan bagaimana cara yang bisa dilakukan untuk Check atau Uncheck All Checkbox dengan Javascript.
Javascript merupakan script yang berjalan di sisi client, maka dari itu ini bisa dilakukan jika user mengaktifkan fungsi javascript di browsernya,
Dibaca Juga Ya :
- Action Form dengan Select tanpa Tombol Submit
- Cara auto copy value textbox ke textbox lainya
- Membuat Penjumlahan otomatis di Textbox
Code Javascript Untuk Check atau Uncheck All checkbox sbb :
<SCRIPT LANGUAGE="JavaScript">
function CheckAll(chk)
{
for (i = 0; i < chk.length; i++)
chk[i].checked = true ;
}
function UnCheckAll(chk)
{
for (i = 0; i < chk.length; i++)
chk[i].checked = false ;
}
</script>
Untuk Kode HTML checkbox bisa anda lihat seprti dibawah ini :
<form name="myform" action="checkboxes.php" method="post">
<b>Scripts for Web design and programming</b><br>
<input type="checkbox" name="check_list" value="1">ASP<br>
<input type="checkbox" name="check_list" value="2">PHP<br>
<input type="checkbox" name="check_list" value="3">JavaScript<br>
<input type="checkbox" name="check_list" value="4">HTML<br>
<input type="checkbox" name="check_list" value="5">MySQL<br>
<input type="button" name="Check_All" value="Check All"
onClick="CheckAll(document.myform.check_list)">
<input type="button" name="Un_CheckAll" value="Uncheck All"
onClick="UnCheckAll(document.myform.check_list)">