Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Semak Status Kotak Semak dengan Cekap dalam Tatasusunan jQuery?

Bagaimanakah Saya Boleh Semak Status Kotak Semak dengan Cekap dalam Tatasusunan jQuery?

Linda Hamilton
Lepaskan: 2024-12-05 21:37:12
asal
275 orang telah melayarinya

How Can I Efficiently Check the Status of a Checkbox in a jQuery Array?

Tentukan Status Semakan Susunan Kotak Semak dengan jQuery

Dalam konteks ini, objektifnya adalah untuk memastikan sama ada kotak semak tertentu dalam tatasusunan kotak semak ditandakan . Untuk mencapai matlamat ini, id tatasusunan kotak semak digunakan. Walau bagaimanapun, kod yang diberikan, iaitu:

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

  if (checked == 0) {
    return false;
  } else {
    return true;
  }
}
Salin selepas log masuk

gagal memberikan hasil yang tepat, kerana ia secara konsisten melaporkan kiraan kotak pilihan yang ditandai tanpa mengambil kira id yang ditentukan.

Penyelesaian

Untuk menyelesaikan isu ini, pendekatan berbeza diperlukan:

$('#' + id).is(":checked")
Salin selepas log masuk

Ini baris kod secara berkesan menyemak sama ada kotak pilihan dengan id yang ditentukan ditandakan atau tidak.

Kotak Semak dengan Nama Yang Sama

Dalam senario di mana berbilang kotak pilihan berkongsi nama yang sama, mewakili pelbagai kotak pilihan, strategi alternatif diperlukan:

var $boxes = $('input[name=thename]:checked');
Salin selepas log masuk

Ungkapan ini mendapatkan semula tatasusunan daripada semua kotak pilihan yang ditandakan dengan nama "thename."

Interaksi Kotak Semak

Untuk melelang melalui kotak pilihan yang ditandai dan melakukan tindakan pada setiap satu:

$boxes.each(function(){
  // Perform actions here with the current checkbox
});
Salin selepas log masuk

Mengira Kotak Semak Bertanda

Untuk menentukan nombor daripada kotak pilihan yang ditandai:

$boxes.length;
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Semak Status Kotak Semak dengan Cekap dalam Tatasusunan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan