Penjelasan terperinci tentang contoh mendapatkan, menetapkan dan mendaftarkan acara untuk nilai radio dalam HTML_HTML/Xhtml_Web pengeluaran halaman

1. Kumpulan radio

Asalkan nama sama, ia adalah kumpulan, iaitu hanya seorang sahaja boleh dipilih dalam kumpulan, seperti berikut:

Salin kod

Kod adalah seperti berikut:

group1:
radio1
radio2
radio3

group2: radio" id="radio4" checked="checked" name="group2" />radio4
radio5
< ;input type="radio" id="radio6" name="group2" />radio6

Kesannya adalah seperti berikut:


2. Dapatkan nod radio yang dipilih

Menggunakan jquery boleh menjadi sangat mudah Untuk memudahkannya, mula-mula pilih kumpulan, dan kemudian tapis keluar yang ditandakan, seperti berikut:

Salin kod Kod adalah seperti berikut :

var group1 = $("[name='group1']" ).filter(":checked");
console.log(group1.attr("id")) ;

3, pilih nod radio

Gunakan jquery untuk menetapkan atribut yang ditandakan:

Salin kodKodnya adalah seperti berikut:

$("#radio2").attr("checked", "checked");

4, pergi Pilih nod radio

untuk mengalih keluar atribut yang ditanda:

Salin kod Kodnya adalah seperti berikut:

$("#radio1"). removeAttr("checked");

Hasilnya mungkin tiada radio dalam kumpulan itu dipilih.

5. Daftar acara pilih dan nyahpilih

Atau gunakan fungsi jquery untuk mendaftarkan acara perubahan, seperti berikut:

Salin kod Kod adalah seperti berikut:

$("[name='group1']").on("change",
fungsi (e) {
console.log($(e.target).val());
}
);

Selagi mana-mana satu dalam kumpulan1 dipilih, ia akan mencetuskan fungsi.