Cara Memeriksa Status Checkbox dengan jQuery

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

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *