Elemen checkbox dalam dokumen HTML bisa dipilih/dicentang dengan cara klik mouse pada checkbox tersebut. Demikian juga apabila membatalkan pemilihan terhadap checkox, juga dilakukan dengan klik mouse. Pada penggunaan tertentu, seperti daftar yang memiliki satu checkbox untuk setiap item, diperlukan fungsi yang bisa memilih semua checkbox sekaligus, atau untuk membatalkan semua pilihan sekaligus, atau juga fungsi untuk membalikkan (toggle) pilihan yang ada pada checkbox.
Untuk mendapatkan fungsi di atas, bisa dengan menggunakan javascript.
Cara yang digunakan dalam tulisan ini adalah cara yang sederhana, yaitu :
- semua elemen yang ada dalam form diperiksa
- apabila elemen bertipe checkbox, maka property checked diset menjadi true
- demikian juga untuk membersihkan, property checked diset menjadi false
- untuk membalik pilihan, diperiksa nilai property checked, kemudian nilainya dibalik
Contoh dapat dilihat di bawah ini. Kode javascript, silahkan lihat langsung source code halaman HTML ini.