Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menyemak dan Membalas Perubahan Keadaan Kotak Semak Menggunakan jQuery?

Bagaimana untuk Menyemak dan Membalas Perubahan Keadaan Kotak Semak Menggunakan jQuery?

Linda Hamilton
Lepaskan: 2024-12-27 02:02:08
asal
703 orang telah melayarinya

How to Check and Respond to Checkbox State Changes Using jQuery?

Cara Semak Keadaan Kotak Semak Menggunakan jQuery

Untuk menyemak sifat kotak pilihan yang ditanda dalam jQuery dan melakukan tindakan sewajarnya, langkah berikut boleh diikuti:

Menyesuaikan HTML:

  • Sertakan skrip jQuery dalam HTML anda:
  • Buat kotak pilihan dengan ID:
  • Buat elemen untuk ditunjukkan atau disembunyikan berdasarkan keadaan kotak semak, dengan ID:

Peristiwa jQuery Pengendalian:

  • Menggunakan JavaScript DOM:

    • Dapatkan kotak semak elemen DOM mengikut ID: document.getElementById('isAgeSelected')
    • Semak sifat yang ditanda dan lakukan yang sepadan tindakan:

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

    • Pilih kotak semak mengikut ID: $(' #isAgeSelected')
    • Gunakan acara klik untuk menogol keterlihatan elemen txtAge berdasarkan keadaan kotak semak:

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

Atas ialah kandungan terperinci Bagaimana untuk Menyemak dan Membalas Perubahan Keadaan Kotak Semak Menggunakan 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