Bagaimanakah Saya Boleh Mendapatkan Nilai Butang Radio Terpilih dengan Mudah dalam JavaScript?

Dapatkan Nilai Butang Radio Terpilih dengan Mudah

Mendapatkan nilai butang radio yang dipilih menggunakan JavaScript kadangkala sukar. Artikel ini akan menyelidiki penyelesaian yang mudah tetapi cekap untuk masalah biasa ini, memastikan anda boleh mendapatkan semula nilai yang dipilih dengan mudah.

Penyelesaian Sesat

Kod yang disediakan dalam pertanyaan awal cuba mencari nilai butang radio yang dipilih, tetapi ia mengandungi ralat halus. Saiz pembolehubah ditetapkan secara tidak betul sebagai ujian dan bukannya tatasusunan butang radio:

var test = 'document.theForm.' + field;
var sizes = test;

Membetulkan kesilapan ini memastikan anda boleh mengulangi tatasusunan butang radio dan mendapatkan semula nilai elemen yang dipilih.

Penyelesaian Ringkas dan Universal

Untuk penyemak imbas yang lebih ringkas dan merentas penyelesaian yang serasi, pertimbangkan untuk menggunakan kaedah document.querySelector:

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

Kod ini memilih elemen input pertama dengan nama "genderS" yang sedang diperiksa dan mengembalikan nilainya. Keindahan kaedah ini ialah ia berfungsi dengan lancar dengan semua penyemak imbas utama, memberikan anda ketenangan fikiran bahawa kod anda akan berfungsi seperti yang diharapkan.

Merangkul Penyelesaian

Mengintegrasikan penyelesaian ini ke dalam kod anda adalah mudah. Hanya gantikan fungsi findSelection sedia ada dengan yang berikut:

function findSelection(field) {
  return document.querySelector('input[name="' + field + '"]:checked').value;
}

Nikmati Pendapatan Nilai Butang Radio Dipermudah

Dengan peningkatan ini, anda kini boleh mendapatkan semula nilai butang radio yang dipilih dalam program JavaScript anda. Penyelesaian yang disediakan menawarkan fleksibiliti dan kebolehpercayaan, membolehkan anda membangunkan aplikasi web yang mantap dan cekap dengan yakin.

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