periksa jQuery jika kotak semak diperiksa

Panduan ini meneroka beberapa kaedah untuk memeriksa keadaan kotak semak menggunakan jQuery. Teknik -teknik ini amat berguna untuk mengesahkan penyerahan borang, memastikan pengguna telah memilih pilihan yang diperlukan sebelum meneruskan.

Memeriksa jika kotak semak diperiksa

Berikut adalah tiga cara untuk menentukan sama ada kotak pilihan kini dipilih:

// Method 1
$('#checkBox').attr('checked'); // Returns "checked" if checked, undefined otherwise (older jQuery versions)

// Method 2 (Recommended)
$('#edit-checkbox-id').is(':checked'); // Returns true if checked, false otherwise

// Method 3 (For older jQuery versions < 1.3,  use `checked` instead of `@checked`)
$("input[type=checkbox][checked]").each(function() {
    // Code to execute if checkbox is checked
});

Memeriksa jika kotak semak tidak diperiksa

coretan kod berikut menunjukkan cara memeriksa kotak semak

yang tidak terkawal :

if ($('input[name=termsckb]').attr('checked') != true) {
    $('#captcha-wrap').hide();
}

atau

if ($('#email_ckb').attr('checked') != true) {
    $('#captcha-wrap').hide();
}

Soalan Lazim (Soalan Lazim)

Bahagian ini memberikan jawapan ringkas kepada soalan umum mengenai manipulasi kotak semak jQuery:

Q: Bagaimana untuk menyemak status diperiksa kotak semak menggunakan jQuery?

a: Gunakan kaedah : .is(':checked')

if ($('#checkbox_id').is(':checked')) {
    // Checkbox is checked
} else {
    // Checkbox is not checked
}

Q: Bagaimana untuk memeriksa atau nyahtanda kotak semak menggunakan jQuery?

a: Gunakan kaedah : .prop()

// Check
$('#checkbox_id').prop('checked', true);

// Uncheck
$('#checkbox_id').prop('checked', false);

Q: Bagaimana untuk bertukar -tukar keadaan kotak semak menggunakan jQuery?

a: simulasi klik:

$('#checkbox_id').click();

Q: Bagaimana untuk mendapatkan nilai kotak semak yang diperiksa?

a: Gunakan kaedah : .val()

var value = $('#checkbox_id:checked').val();

Q: Bagaimana Mengatasi Perubahan Perubahan Kotak Semak?

a: Gunakan kaedah : .change()

$('#checkbox_id').change(function() {
    if ($(this).is(':checked')) {
        // Checkbox is checked
    } else {
        // Checkbox is not checked
    }
});

Q: Bagaimana untuk memilih/menyahpasang semua kotak semak?

a: Gunakan pemilih dengan input:checkbox: .prop()

// Select all
$('input:checkbox').prop('checked', true);

// Deselect all
$('input:checkbox').prop('checked', false);

Q: Bagaimana untuk mengaktifkan/melumpuhkan kotak semak?

a: Gunakan kaedah . .prop('disabled', true/false)

Q: Bagaimana untuk memeriksa sama ada kotak semak diaktifkan/dilumpuhkan?

a: Gunakan . .is(':disabled')

Q: Bagaimana untuk mengendalikan acara klik kotak semak?

a: Gunakan kaedah (serupa dengan kaedah .click() tetapi hanya dicetuskan pada klik langsung). .change()

Respons yang disemak ini memberikan penjelasan yang lebih jelas dan lebih banyak contoh kod ringkas, menangani keperluan prompt asal untuk menyusun semula sambil mengekalkan makna asal dan penempatan imej.

Atas ialah kandungan terperinci periksa jQuery jika kotak semak diperiksa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!