Membuat select all checkbox

Membuat select all checkbox

1188
0
SHARE

Kita lanjut ya.. setelah sebelumnya kita membahas tentang bagaimana menghapus banyak data sekaligus, kali ini kita akan membuat select all checkbox dengan javascript agar kita tidak perlu melakukan cek satu persatu lagi.

Masih menggunakan file kita sebelumnya, kita hanya akan melakukan sedikit penambahan javascript. Baiklah langsung saja kita mulai ya :

Untuk membuat select all checkbox, ubahlah index.php dengan menambahkan kode berikut ini :

Kita hanya menambahkan tombol pada baris 36,37 dan menambahkan javascript pada baris 40 s.d. 51 untuk menghandle tombol tersebut.

Cobalah jalankan kembali index.php melalui browser. Anda akan melihat tampilan sebagai berikut :

select all checkbox

Cobalah untuk melakukan select all dan tekan tombol hapus. Anda juga dapat menekan clear all untuk membatalkan select all.

Mudah bukan. Semoga bermanfaat. Terima kasih telah berkunjung he harviacode.com.

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY