Pada kesempatan kali ini saya akan menjelaskan cara membuat fungsi check all dengan javascript. Perlu teman-teman ketahui sebelumnya, check all adalah output dari suatu tombol atau link a yang dapat menghandle dari setiap masing-masing checkbox, seperti pada contoh disini apabila link check all ditekan maka akan membuat semua checkbox terpilih tanpa pengecualian. Begitupun sebaliknya, apabila semua checkbox dalam kondisi terpilih dan ditekan link a tersebut maka semua checkbox akan tidak terpilih atau tidak tercentang.

Seperti pada contoh disini dimana saya memiliki checkbox hoby yang isinya adalah Volly, Basket, Bulutangkis, Renang, Sepak Takrau dan Golf. yang akan dihandle dari satu link pilih semua. Dan jika semua checkbox tersebut dalam kondisi tidak terpilih maka ketika link pilih semua di tekan akan mencentang semua checkbox tersebut, begitupun sebaliknya apabila semua checkbox tersebut dalam kondisi terpilih maka ketika link pilih semua di tekan akan men uncheck semua checkbox tersebut. Dan untuk membuatnya kalian bisa ikuti tahapan yang saya berikan dibawah ini.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file html dengan nama index.html
  • Jika sudah ketikan kode seperti berikut :

  • Jika sudah save terlebih dahulu file tersebut
  • Lihat hasilnya di browser teman-teman

Sampai disini penjelasan saya mengenai cara membuat fungsi check all dengan javascript, semoga bermanfaat.