Halo semuanya!

Tutorial ringan tentang javascript kali ini saya isi dengan bagaimana membuat form yang didalamnya terdapat beberapa form checkbox, yang nantinya bisa di checkall atau uncheckall.

ada dua bagian kode yang akan dibagi, kode javascript diletakkan di tag <head></head> dan kode form html-nya diletakkan di tag <body></body>

Nama dari form checkbox-nya sengaja ditulis dalam format array, agar kesemua nilai dari checkbox yang terpilih bisa diambil dan diproses lebih lanjut. Pemberian format array ini biasanya berkaitan dengan pemakaian Framework pemrograman seperti CodeIgniter, CakePHP, dll untuk menyesuaikan dengan perilaku framework itu sendiri.

langsung saja, berikut adalah kode javascript-nya:

<script language="javascript">
function check_all()
{
	var chk = document.getElementsByName('check_list[]');
	for (i = 0; i < chk.length; i++)
	chk[i].checked = true ;
}

function uncheck_all()
{
	var chk = document.getElementsByName('check_list[]');
	for (i = 0; i < chk.length; i++)
	chk[i].checked = false ;
}
</script>

dan selanjutnya adalah kode HTML-nya:

<form name="myform" action="proses.php" method="post">
	<b>Pilih Menu Hari ini:</b><br>
	<input name="check_list[]" value="1" type="checkbox">Rawon<br>
	<input name="check_list[]" value="2" type="checkbox">Soto Ayam<br>
	<input name="check_list[]" value="3" type="checkbox">Sop Buntut<br>
	<input name="check_list[]" value="4" type="checkbox">Lontong Balap<br>
	<input name="check_list[]" value="5" type="checkbox">Kare Ayam<br>

	<input name="Check_All" value="Check All" onclick="check_all()" type="button">
	<input name="Un_CheckAll" value="Uncheck All" onclick="uncheck_all()" type="button">

</form>

semoga bermanfaat, dan terima kasih sudah membaca tulisan ini.

regards,

-mr-