Sebuah Ujian

ujian-yang-beriman

Advertisements

Hitung Input Chekbox, Checked, dan Unchecked dengan JQuery

Berikut adalah kode jquery untuk menghitung jumlah input checkbox dengan berbagai statusnya

var numberOfChecked = $(‘input:checkbox:checked’).length;
var totalCheckboxes = $(‘input:checkbox’).length;
var numberNotChecked = totalCheckboxes – numberOfChecked;

atau lebih sederhana untuk mencari checkbox yang tidak checked

var numberNotChecked = $(‘input:checkbox:not(“:checked”)’).length;

Hitung cheklist checkbox dengan jquery

berikut adalah sample contoh jquery untuk hitung checlist checkbox.

$(document).ready(function(){

var $checkboxes = $('#input[type="checkbox"]');
 
 $checkboxes.change(function(){
 var countCheckedCheckboxes = $checkboxes.filter(':checked').length;
 $('#count-checked-checkboxes').text(countCheckedCheckboxes);
 
 $('#edit-count-checked-checkboxes').val(countCheckedCheckboxes);
 });

});

selamat mencoba, wassalam.