Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Memeriksa Status Disemak Kotak Semak dengan Tepat dengan jQuery?

Bagaimana untuk Memeriksa Status Disemak Kotak Semak dengan Tepat dengan jQuery?

Susan Sarandon
Lepaskan: 2024-12-20 18:59:17
asal
737 orang telah melayarinya

How to Accurately Check a Checkbox's Checked Status with jQuery?

Menyemak Harta Bertanda Kotak Semak dengan jQuery

Masalah:

Anda perlu tentukan status kotak semak yang disemak menggunakan jQuery dan ambil tindakan berdasarkan hasil.

Kod jQuery:

Kod jQuery berikut cuba menyemak sifat yang ditandakan pada kotak semak "isAgeSelected" tetapi mengembalikan palsu secara lalai:

if ($('#isAgeSelected').attr('checked')) {
  $("#txtAge").show();
} else {
  $("#txtAge").hide();
}
Salin selepas log masuk

Penyelesaian Betul:

Untuk menanyakan harta yang diperiksa berjaya, anda boleh menggunakan kod berikut:

Pilihan 1:

Akses terus elemen DOM menggunakan JavaScript:

if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}
Salin selepas log masuk

Pilihan 2:

Gunakan fungsi "togol" jQuery untuk pembersih pendekatan:

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});
Salin selepas log masuk

Kod ini mengendalikan acara klik pada kotak pilihan "isAgeSelected" dan menogol keterlihatan elemen "txtAge" berdasarkan keadaan yang ditandai.

Atas ialah kandungan terperinci Bagaimana untuk Memeriksa Status Disemak Kotak Semak dengan Tepat dengan 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