Pada kesempatan kali ini saya akan menjelaskan cara mendapatkan jumlah checkbox yang dipilih dengan jquery. Perlu teman-teman ketahui sebelumnya, untuk mendapatkan jumlah checkbox yang dipilih di jquery kalian bisa menggunakan attribute selector equal $(‘input[type=checkbox]:checked’).length; dan dari kasus tersebut bisa teman-teman implementasikan untuk membuat validasi tombol submit enable dan disabled. Dan pada contoh yang akan saya berikan kurang lebihnya sama, yaitu membuat validasi tombol simpan enable dan disable.

Dan cara kerja dari validasi tersebut adalah apabila checkbox tersebut belum ada yang dipilih sama sekali maka tombol simpan akan disable dan sebaliknya apabila salah satu checkbox tersebut di pilih maka tombol simpan akan enable. Sebenarnya tujuan dari validasi tersebut adalah untuk menghindari penginputan kosong melalui checkbox, karena dari checkbox tersebut sifatnya adalah wajib dipilih salah satu maupun lebih. Dan dari checkbox tersebut bisanya untuk menmpikan kategori suatu items seperti kategori produk dan kategori artikel. Langsung saja untuk membuatnya kalian bisa ikuti tahapan yang saya berikan dibawah ini.

Berikut Tahapannya :

  • Sebelumnya teman-teman buat terlebih dahulu satu buah file index.html
  • Kemudian buat form html bootstrap yang didalamnya terdapat beberapa checkbox
  • Berikut kodenya :

  • Jika sudah save terlebih dahulu file index.html tersebut

Untuk pembahasan selanjutnya, akan saya jelaskan cara mendapatkan jumlah checkbox yang dipilih dengan jquery pada sesi berikutnya, semoga bermanfaat.