Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kembali lagi pada tutorial dumet school, kita lanjut lagi belajarnya, kali ini pembahasan kita tentang javascript tentang bagaimana membuat fungsi all checked pada checkbox dengan javascript.

Untuk lebih jelasnya kita langsung saja pada praktek, pertama silahakan teman-teman buat sebuah file html dan ketikan script berikut ini:

Saya membuat sebuah checkbox untuk chek allnya, lalu saya membuat sebuah list-list checkbox yang bisa dipilih. jika teman-teman save maka hasilnya akan seperti berikut ini:

membuat fungsi checkall pada checkbox dengan javascript 1

Jika sudah kita masuk pada bagian javascriptnya silahakan teman-teman ketikan script berikut ini:

Pertama saya get element chekallnya dengan getelementbyid, lalu saya get juga element list-list chek nya dengan getelementbyclassname.

Setelah itu saya membuat sebuah fungsi click dengan eventlistener pada chekallnya yang dimana jika checkall di klik saya melooping semua list checknya, lalu saya melakukan sebuah pengecekan apabila id checkall checked maka checklistnya juga akan checked, apabila tidak maka sebaliknya,

Sekarang silahkan teman-teman jalankan pada browser, silahakan teman-teman lakukan click pada checkallnya,

gimana teman-teman? cukup mudah bukan, oke teman-teman untuk tutorial kali tentangĀ membuat fungsi all checked pada checkbox dengan javascript saya rasa cukup sampai sini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih