Pada kesempatan kali ini saya akan menjelaskan cara membuat checked all checkbox pada table html dengan jquery. Perlu teman-teman ketahui sebelumnya, fungsi dari checked all tersebut nantinya bisa dikembangkan untuk membuat feature dellete all atau remove all untuk menghapus data record pada table secara dinamyc. Cara kerja dari checked all tersebut ialah dimana apabila checkbox pada table header di centang maka untuk checkbox lainnya yang berada didalam table data akan ikut tercentang.

Bukan cuma untuk itu saja, dari feature checked all tersebut nantinya masih bisa dibuat variasi-variasi lain, seperti untuk menampilkan atau untuk menyembunyikan tombol hapus tersebut dari checked all tertsebut, dan masih banyak lagi yang lainnya.

Berikut Cara Membuatnya :

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Ketikan kode seperti dibawah ini :

  • Jika sudah save terlebih dahulu file index.html tersebut, lihat hasilnya di browser kesayangan kalian
  • Maka akan menampilkan hasil output seperti berikut :

hasil output cara membuat checked all checkbox pada table html dengan jquery

Sampai disini penjelasan saya mengenai cara membuat checked all checkbox pada table html dengan jquery, semoga bermanfaat.