Mengecek status checkbox dipakai untuk persetujuan syarat, filter, atau fitur “pilih semua”. Artikel ini membahas cara memeriksa status checkbox dengan jQuery.
Metode .is(“:checked”)
<script>
if ($("#setuju").is(":checked")) {
console.log("Dicentang");
}
</script>
Contoh Kasus: Aktifkan Tombol Setelah Setuju
<script>
$("#setuju").change(function() {
$("#daftar").prop("disabled", !$(this).is(":checked"));
});
</script>
Contoh Kasus: Fitur Pilih Semua
<script>
$("#semua").change(function() {
$(".item").prop("checked", $(this).is(":checked"));
});
</script>
Mengatur dan Menghitung
<script>
$("#setuju").prop("checked", true); // centang lewat kode
const jumlah = $(".item:checked").length; // hitung yang tercentang
</script>
Kesimpulan
Gunakan .is(":checked") untuk mengecek dan .prop("checked", ...) untuk mengatur checkbox. Selektor :checked memudahkan menghitung atau memilih yang tercentang, ideal untuk fitur “pilih semua”.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

