Melanjutkan dari sesi sebelumnya, pada kesempatan kali ini saya akan menjelaskan cara mendapatkan jumlah checkbox yang dipilih dengan jquery part2. Pada tahapan yang sebelumnya teman-teman sudah membuat form html beserta dengan checkbox dan tombol simpannya. Dan pada penjelasan ini teman-teman tinggal satu langkah lagi, yaitu membuat kode jquery untuk validasi checkbox tersebut.

Disini nantinya teman-teman akan membuat fungsi cek_input, dimana dari fungsi tersebut adalah khusus untuk menangani atau melakukan pengecekan status input pada checkbox tersebut, dan didalam fungsi tersebut ada kondisi statement dimana jika  jumlah checkbox yang dipilih masih 0 maka tombol simpan tersebut akan disable dan begitupun sebaliknya, apabila jumlah checkbox yang dipilih lebih dari 0 maka tombol simpan tersebut akan enable. Langsung saja untuk melanjutkannya bisa ikuti tahapan yang saya berikan dibawah ini.

Berikut Tahapannya :

  • Buka file index.html yang sebelumnya sudah teman-teman dibuat
  • Selanjutnya tambahkan kode berikut ini tepat setelah penutup tag </body> html
  • Berikut kodenya :

  • Jika sudah simpan file index.html tersebut dan uji coba di browser kesayangan kalian
  • Maka dengan otomatis tombol simpan akan disable pada tampilan awal ketika checkbox masih belum terpilih sama sekali
  • Namun apabila checkbox tersebut di pilih, tombol simpan akan enable

Sampai disini penjelasan saya mengenai cara mendapatkan jumlah checkbox yang dipilih dengan jquery part2, semoga bermanfaat.