Bagaimana untuk Mengambil Nilai Butang Radio Terpilih dengan Betul dalam JavaScript?

Mendapatkan Nilai Butang Radio Terpilih

Apabila cuba mendapatkan nilai butang radio, anda mungkin menghadapi isu yang mengakibatkan tidak ditentukan nilai dikembalikan. Memahami sebab di sebalik tingkah laku ini adalah penting untuk mencari penyelesaian. Mari kita periksa kod dan cadangkan penyelesaian.

Dalam kod yang disediakan:

function findSelection(field) {
  var test = 'document.theForm.' + field;
  var sizes = test;

Anda tersilap cuba mengakses elemen borang dengan menukar rentetan kepada pembolehubah, yang bukan bagaimana Elemen DOM diakses dalam JavaScript. Ini akan mengakibatkan tidak ditentukan.

Untuk menyelesaikannya, anda harus menggunakan document.querySelector atau document.querySelectorAll untuk memilih input borang dengan tepat.

Berikut ialah versi yang dipertingkatkan:

const radioButtons = document.querySelectorAll('input[name="genderS"]');
for (let i = 0; i < radioButtons.length; i++) {
  if (radioButtons[i].checked) {
    return radioButtons[i].value;
  }
}

Sebagai alternatif, anda boleh menggunakan yang moden pendekatan:

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

Ini akan mengembalikan nilai butang radio yang dipilih dengan betul tanpa menghadapi isu yang tidak ditentukan.

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