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 :

cara membuat select all checkbox dengan javascript

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)">

Produk Rekomendasi

Artikel Terkait

Diskusi



wa