Bagaimanakah Saya Memeriksa Harta Disemak Kotak Semak dengan betul dalam jQuery?

Menyemak Harta Kotak Semak yang Disemak dengan jQuery

Masalah:

Dalam jQuery, anda cuba menyemak sifat kotak pilihan yang ditandai untuk melakukan tindakan berdasarkan statusnya. Walau bagaimanapun, kod tidak berfungsi dengan betul dan ia mengembalikan palsu sebagai nilai lalai.

Penyelesaian:

Untuk berjaya menanyakan sifat kotak pilihan yang ditanda dalam jQuery , ikuti langkah berikut:

1. Gunakan Atribut jQuery Pemilih:

   Daripada menggunakan kaedah attr(), gunakan sintaks pemilih atribut untuk mendapatkan semula sifat yang disemak secara langsung. Pemilih atribut boleh digunakan pada ID kotak pilihan atau atribut nama.

2. Semak Nilai yang Disemak:

   Setelah anda mempunyai sifat yang disemak, bandingkan nilainya dengan benar untuk menentukan sama ada kotak semak ditandakan. Contoh kod berikut menunjukkan cara untuk melakukan ini:

   if (jQuery('#isAgeSelected').prop('checked')) {
     // Checkbox is checked
     // Show the textbox
   } else {
     // Checkbox is unchecked
     // Hide the textbox
   }

3. Togol Keterlihatan Elemen:

   Untuk menyembunyikan atau menunjukkan elemen berdasarkan status semak kotak semak, gunakan kaedah toggle() jQuery. Kaedah ini mengambil nilai boolean dan menogol keterlihatan elemen dengan sewajarnya.

4. Pendekatan Berasaskan Peristiwa:

   Sebagai alternatif, anda boleh menggunakan pendekatan dipacu peristiwa untuk mengemas kini keterlihatan elemen apabila keadaan kotak semak berubah. Lampirkan pengendali peristiwa perubahan pada kotak pilihan dan gunakan kaedah toggle() untuk mengemas kini keterlihatan elemen dalam pengendali.

Kod Contoh:

// Check the checked property on page load
if ($('#isAgeSelected').prop('checked')) {
  $("#txtAge").show();
} else {
  $("#txtAge").hide();
}

// Event-driven approach
$('#isAgeSelected').change(function() {
  $("#txtAge").toggle(this.checked);
});

Atas ialah kandungan terperinci Bagaimanakah Saya Memeriksa Harta Disemak Kotak Semak dengan betul dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!