Nyahtanda keadaan butang radio yang ditanda menggunakan jQuery

jquery jelas radio negeri terpilih

Apabila menutup tetingkap: $("input[type='radio']").removeAttr('checked').

Kaedah biasa Jquery

1. Rujukan kepada elemen halaman.

Anda boleh merujuk elemen dengan menggunakan kaedah $() jQuery dan pilih mengikut id, kelas, nama elemen, hubungan hierarki, keadaan DOM atau XPath, dsb. Apa yang dikembalikan ialah objek jQuery (objek koleksi), dan kaedah yang ditakrifkan oleh DOM tidak boleh dipanggil secara langsung.

2. Penukaran antara objek jQuery dan objek dom.

Kaedah yang ditakrifkan oleh jQuery hanya boleh dipanggil menggunakan objek jQuery. Berhati-hati dengan perbezaan antara objek DOM dan objek jQuery, dan pastikan anda beroperasi pada objek yang betul semasa memanggil kaedah.

3. Bagaimana untuk mendapatkan item koleksi jQuery.

Untuk set elemen yang diperolehi, anda boleh menggunakan kaedah eq atau get(n) atau nombor indeks untuk mendapatkan item (dinyatakan mengikut indeks Sila ambil perhatian bahawa eq mengembalikan objek jquery, manakala get(n) dan pulangan indeks ialah a objek elemen dom. Untuk objek jquery, anda hanya boleh menggunakan kaedah jquery, dan untuk objek dom, anda hanya boleh menggunakan kaedah dom, seperti mendapatkan kandungan elemen ketiga.

4. Fungsi pemprosesan koleksi.

Untuk kandungan koleksi yang dikembalikan oleh jquery, kami tidak perlu mengulanginya sendiri dan memproses setiap objek secara berasingan jquery telah menyediakan kami kaedah yang sangat mudah untuk memproses koleksi. Termasuk dua bentuk: $("p").setiap(fungsi(i){this.style.color=['#f00','#0f0','#00f'][i]})

5. Beberapa fungsi kesan khas yang praktikal.

Kaedah togol() dan slidetoggle() menyediakan fungsi penukaran status.

Sebagai contoh, kaedah toggle() termasuk kaedah hide() dan show().

Kaedah

slideToggle() termasuk kaedah slideDown() dan slideUp.

6. Fungsi pemprosesan acara lengkap

Jquery telah memberikan kami pelbagai kaedah pengendalian acara Kami tidak perlu menulis acara secara langsung pada elemen html, tetapi boleh terus menambah acara pada objek yang diperoleh melalui jquery.

Bagaimana untuk memilih butang radio menggunakan jquery

Gunakan jquery untuk mendapatkan nilai radio Perkara yang paling penting ialah menguasai penggunaan pemilih jquery Dalam bentuk, kita biasanya ingin mendapatkan nilai item radio yang dipilih, jadi kita perlu menambah yang diperiksa untuk contoh, terdapat beberapa radio di bawah Item:

1.jquery mendapat nilai radio

2.jquery mendapat nilai kotak pilihan

3.jquery mendapat nilai pilih

Untuk mendapatkan nilai radio tertentu, terdapat kaedah berikut, hanya berikan kod terus:

1,

1.$('input[name=＂testradio＼]:ditandai').val();2,

1.$('input:radio:checked').val();3,

1.$('input[@name=＂testradio＂][ditanda]');

1.$('input[name=＂testradio＂]').filter(':checked'); Jika kita ingin melintasi semua radio dengan nama testradio, kodnya adalah seperti berikut

1.$('input[name=＂testradio＂]').setiap(function(){2.alert(this.value);3.}); sebagai yang kedua Nilai radio ditulis seperti ini

1.$('input[name=＂testradio＂]:eq(1)').val()

Javascript mengawal paparan kotak teks dengan memilih butang radio

html adalah seperti berikut:

Tunjukkan

Sembunyi

JS adalah seperti berikut:

var show = document.getElementById('show'); // Dapatkan elemen yang sepadan masing-masing

var hide = document.getElementById('hide');

var text = document.getElementById('text');

show.onclick = function() {

text.style.display = '';

};

hide.onclikc = function() {

text.style.diplay = 'tiada';

}

Atas ialah kandungan terperinci Nyahtanda keadaan butang radio yang ditanda menggunakan jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!