Bagaimanakah Saya Boleh Menentukan Status Semakan Kotak Semak (atau Kotak Semak) Dengan Cekap Menggunakan jQuery?

Tentukan Status Kotak Semak dengan jQuery

Salah satu cabaran biasa yang dihadapi semasa bekerja dengan borang web ialah menentukan status kotak pilihan tertentu.

Pertimbangkan senario berikut: anda mempunyai pelbagai kotak pilihan, dan anda perlu memastikan sama ada kotak semak tertentu ditandakan berdasarkan IDnya.

Walaupun anda mungkin telah menggunakan kod berikut:

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

Pendekatan ini menghasilkan jumlah kiraan kotak pilihan yang ditandai, tanpa mengambil kira ID yang ditentukan.

Penyelesaian terletak pada memanfaatkan terbina dalam jQuery :checked selector:

$('#' + id).is(":checked")

Ini ungkapan dinilai kepada benar jika kotak pilihan dengan ID yang diberikan ditandakan, dan palsu sebaliknya.

Selain itu, jika anda mempunyai tatasusunan kotak pilihan dengan nama yang sama, anda boleh mendapatkan semula senarai yang ditandakan seperti berikut:

var $boxes = $('input[name=thename]:checked');

Lelaran melalui senarai menggunakan kaedah each() membolehkan anda melakukan tindakan pada setiap yang diperiksa kotak semak:

$boxes.each(function(){
    // Do stuff here with this
});

Untuk mengira bilangan kotak pilihan yang ditandai dalam tatasusunan:

$boxes.length;

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menentukan Status Semakan Kotak Semak (atau Kotak Semak) Dengan Cekap Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!