Membuat fungsi check uncheck dengan javascript

Javascript digunakan untuk berinteraksi dengan pengguna secara langsung dengan bantuan browser. Artinya proses tidak perlu dikirimkan lagi ke server. Banyak hal yang dapat kita lakukan dengan javacript, seperti artikel berikut yaitu melakukan check atau uncheck pada checkbox yang ada pada sebuah form.

Misal anda sudah membuat sebuah form yang ada checkbox seperti berikut :

PHP

ASP

CSS

Atau dengan susunan kode html seperti berikut :

<form id="FCoba" name="FCoba" method="post" action="">
  <p><input name="pilihan1" type="checkbox" value="php" /> PHP</p>
  <p> <input name="pilihan2" type="checkbox" value="asp" /> ASP </p>
  <p><input name="pilihan3" type="checkbox" value="css" /> CSS </p>
</form>

Kita bisa gunakan javascript untuk membuat fasilitas untuk memilih semua atau mematikan semua pilihan checkbox yang ada dengan menambahkan kode javascript berikut pada bagian <head> dokumen html anda:

<script type="text/javascript">
var checked=false;
var frmname='';
function checkedAll(frmname)
{
 var valus= document.getElementById(frmname);
 if (checked==false)
 {
 checked=true;
 }
 else
 {
 checked = false;
 }
 for (var i =0; i < valus.elements.length; i++)
 {
 valus.elements[i].checked=checked;
 }
}
</script>

Sehingga hasil form terakhir terlihat seperti berikut :

PHP

ASP

CSS

Pilih semua

Caranya :

  1. Tambahkan fungsi javascript diatas pada bagian <head>
  2. Tambahkan fasilitas pilih semua pada form anda dengan kode berikut :
    <p><a href="#" onclick='checkedAll("FCoba");'>Pilih semua</a></p>

    ganti FCoba dengan form yang and gunakan

Selamat mencoba, semoga bermanfaat

Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **

Komentar

Halaman Lainya

  • Perbedaan javascript dan jquery
    Perbedaan antara javascript dan jquery sering menimbulkan pertanyaan, dari segi penulisan maupun penggunaanya. Berikut ini saya akan berbagi tentang apa Perbedaan javascript dan jquery tersebut.
  • Validasi form pada saat dikirim ke server dengan javascript
    Javascript merupakan bahasa pemrograman yang bejalan disisi klien dan dijalankan langsung oleh browser dikomputer yang mengakses. Semua browser yang ada sekarang dapat menjalankannya. Kali ini saya akan berbagi tentang bagaimana melakukan pengecekan/validasi form input
  • Membuat input hanya angka atau huruf tertentu
    Pada kasus membuat aplikasi web, kadang kita perlu Membuat input hanya angka atau huruf tertentu seperti hanya membolehkan mengisi nilai dari 1 s/d 5 atau huruf dari a s/d e atau karakter tertentu saja atau bahkan kombinasi semuanya.

Kiriman terbaru