Cara Mendapatkan Jumlah Checkbox Yang Dipilih Dengan Jquery Part2

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 :

<script>
window.addEventListener("load", function() {
   var check = $('input[type=checkbox]:checked').length;
    if (check == 0) {
       $("button[name=simpan]").prop("disabled", true);
    }
    else{
       $("button[name=simpan]").prop("disabled", false); 
    }   
})

function cekinput() {
    var check = $('input[type=checkbox]:checked').length;
    // alert(check);
    if (check == 0) {
       $("button[name=simpan]").prop("disabled", true);
    }
    else{
       $("button[name=simpan]").prop("disabled", false); 
    }   
}
</script>

• 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.