Contoh Java Script Check & Uncheck All
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contoh Latihan Javascript :: Check & Uncheck All</title>
</head>
<script type=”text/javascript”>
function Check(){
//Ambil semua elemen dalam id formCheck
allCheckList = document.getElementById(“formCheck”).elements;
//Hitung banyaknya elemen
jumlahCheckList = allCheckList.length;
//Jika tombolCheck bernilai “Check All”
if(document.getElementById(“tombolCheck”).value == “Check All”){
for(i = 0; i < jumlahCheckList; i++){
//semua elemen ke-i checkbox nya diset true (dicentang)
allCheckList[i].checked = true;
}
//Set nilai tombolCheck menjadi “Uncheck All”
document.getElementById(“tombolCheck”).value = “Uncheck All”;
//Jika tombolCheck tidak bernilai “Check All” (sudah dirubah menjadi Uncheck All)
}else{
for(i = 0; i < jumlahCheckList; i++){
//semua elemen ke-i checkbox nya diset false (tidak dicentang)
allCheckList[i].checked = false;
}
//Set nilai tombolCheck menjadi “Check All”
document.getElementById(“tombolCheck”).value = “Check All”;
}
}
</script>
< ?php
$hobi = $_POST['hobi'];
if(empty($hobi)){
?>
<b>Silahkan Pilih Hobi Anda :</b>
<form id=”formCheck” method=”POST” action=”check_all.php”>
<input type=”checkbox” name=”hobi[1]” value=”Baca Koran” />Baca Koran<br />
<input type=”checkbox” name=”hobi[2]” value=”Memancing” />Memancing<br />
<input type=”checkbox” name=”hobi[3]” value=”Bikin Susah Orang” />Bikin Susah Orang<br />
<input type=”checkbox” name=”hobi[4]” value=”Menulis” />Menulis<br />
<input type=”checkbox” name=”hobi[5]” value=”Demonstrasi” />Demonstrasi<br />
<input type=”button” id=”tombolCheck” value=”Check All” onClick=”Check();”/>
<input type=”submit” value=”Submit” />
</form>
< ?php
}
if(is_array($hobi)){
echo ‘<b>Hobi yang anda pilih : <br />’;
foreach($hobi as $indek=>$namahobi){
echo ‘Hobi indek ‘.$indek.’ : ‘.$namahobi.’<br />’;
}
echo ‘<a href=”check_all.php”>Back »</a>’;
}
?>
</script></html>
Setelah Membaca, Ayo Berbagi:
Recommend on Facebook- Tweet about it
- Buzz it up
- Bookmark in Browser
- Tell a friend
Thankz bro……maap baru GAbung!!hhehehe miNor2 proJEct semangaT
bro……ada masalah neh….
klo punya km, checkbox idnya hobi[1] sampai hobi[5].
trus di javascriptnya kan ditangkep pake :
allCheckList = document.getElementById(”formCheck”).elements;
selain pake elements, pake apa ya??
soale aku punya kasus, aku punya checkbox id: hobi[] dan cita[]
trus kalo pake element, pasti kan semua checkbox ke checked.
solusinya gmn??
thx…
kagak bisa bos,., error Error: document.getElementById(“userfrm”) is null
Source File: http://localhost/ehs/?act=mguser
Line: 196
kalo nyimpan file javascript pake ekstensi apa bro???
maklum newbie…
udah ku coba dan kukembangkan ndiri sesuai keperluan. untuk temen2 yg lom bisa tinggal cek aja tanda petiknya disesuaikan dengan sintax di php. ama perhatikan tulisan <?php harus nyambung tanpa spasi. Buat binushacker..thx banget yaa