Cara Mudah Membuat Check All dan Uncheck all di PHP Dengan Javasccritp



Cara Mudah Membuat Check All dan Uncheck all di PHP Dengan Javascript : javascript merupakan bahasa pemrograman yang berjalan di sisi client yang di mana dalam prosesnya tidak akan merefresh ulang browser dalam memproses prebuhan halaman..

metode check all ini baynyak sekali diterapkan dalam membuat aplikasi berbasis web, salah satu contohnya untuk memilih data yang akan di hapus, contoh pemindahan data, dan lain-lain..

oke lanjut saja saya  akan membahas cara membuat check dan uncheck box menggunakan javascript yaa. sebenarnya simple sih menurut saya. kalo sobat semua punya cara yang lebih baik ya monggo. ini cuman sekedar shering aja kq supaya pengetahuan kita luas.

sebelum membahas coba kalian baca dulu apa itu javascript dan mengenalnya untuk pemula

Jika sudah mengenalnya mari kita masuk ke materinya.
1. buka code editor sobat atau bisa dwnload saja
Download : Codelobster atau Notepad ++
2. Silahkan sobat bikin file baru berinama index.php dan copas code dibawah ini

<script>
 function toggle(pilih) {
  checkboxes = document.getElementsByName('nama');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = pilih.checked;
  }
}
</script>
<input type="checkbox" onClick="toggle(this)" /> Pilih Semua<br/>
<input type="checkbox" name="nama" value="Adi"> Adi<br/>
<input type="checkbox" name="nama" value="Ari"> Ari<br/>
<input type="checkbox" name="nama" value="Bela"> Bela<br/>
<input type="checkbox" name="nama" value="Beni"> Beni<br/>
<input type="checkbox" name="nama" value="Citra"> Citra<br/>
<input type="checkbox" name="nama" value="Candra"> Candra<br/>
<input type="checkbox" name="nama" value="Denis"> Denis<br/>
<input type="checkbox" name="nama" value="Defi"> Defi<br/>
<input type="checkbox" name="nama" value="Ela"> Ela<br/>
3. Jika sudah coba sobat jalankan di browser 4. kalo berhasil tampilannya akan seperti ini

Pilih Semua
Adi
Ari
Bela
Beni
Citra
Candra
Denis
Defi
Ela
Demikian untuk materi check dan uncheck box di php dan javascript. Semoga bermamfaat dan jangan lupa terus belajar.

happy coding

Reaksi:
Share this with short URL:

Artikel Terkait Lainnya:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser