Home / Coding / Contoh Java Script Check & Uncheck All
coding1

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 &raquo;</a>’;
}
?>

</script></html>

About UtuH

Enjoy & Eat It!

Check Also

machine-learning-data-mining-binushacker

Machine Learning dan Data Mining

Greeting BinusHacker Family, Kali berbagi materi untuk machine learning basic untuk kebutuhan belajar mengembangkan ilmu …

9 comments

  1. Thankz bro……maap baru GAbung!!hhehehe miNor2 proJEct semangaT

  2. 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…

  3. kagak bisa bos,., error Error: document.getElementById(“userfrm”) is null
    Source File: http://localhost/ehs/?act=mguser
    Line: 196

  4. cahyono ronaldo

    kalo nyimpan file javascript pake ekstensi apa bro???
    maklum newbie…

  5. 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

  6. terimakasih ya bossss , , ,bisa buat menambah pengalaman

  7. Aku gak ngerti 😀

  8. klw cara munculin database gimana gan..???

  9. Newbi kyak gni gag tau sma skali hikz..hikz ..:(:D

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *