Bagaimana untuk Mendapatkan Nilai Butang Radio Terpilih dalam JavaScript?

Mendapatkan Nilai Butang Radio Terpilih

Tugas biasa apabila bekerja dengan borang ialah mendapatkan semula nilai butang radio yang dipilih. Dalam konteks ini, program JavaScript menghadapi isu apabila nilai butang radio kembali tidak ditentukan.

Kod yang disediakan untuk fungsi findSelection berulang ke atas semua butang radio dalam bentuk, menyemak yang mana satu disemak dan mengembalikan nilainya . Walau bagaimanapun, kod tersebut menghadapi masalah dalam persediaan awalnya di mana ia tersilap memberikan nama borang kepada kedua-dua pembolehubah ujian dan saiz.

Penyelesaian yang mudah dan berkesan untuk masalah ini ialah menggunakan kod berikut:

document.querySelector('input[name="genderS"]:checked').value;

Kod ini menggunakan kaedah document.querySelector untuk memilih butang radio yang disemak mengikut atribut namanya ("genderS"). Pemilih :checked memastikan bahawa hanya butang radio yang diperiksa dipilih. Sifat nilai mendapatkan semula nilai butang radio yang dipilih.

Penyelesaian ini serasi dengan semua penyemak imbas utama dan tidak memerlukan perpustakaan tambahan seperti jQuery

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Butang Radio Terpilih dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!