Bagaimanakah Saya Mendapatkan Nilai Butang Radio Terpilih dalam JavaScript?

Cara Mendapatkan Nilai Butang Radio Terpilih dalam HTML dan JavaScript

Butang radio membenarkan pengguna memilih satu pilihan daripada kumpulan daripada pilihan yang berkaitan. Mendapatkan semula nilai butang radio yang dipilih ialah tugas biasa dalam pembangunan web.

Masalah:

Anda tidak dapat mendapatkan semula nilai yang dipilih daripada sekumpulan butang radio menggunakan kod JavaScript semasa anda.

Penyelesaian:

Untuk mendapatkan nilai butang radio yang dipilih, anda boleh menggunakan kod yang dipertingkatkan berikut:

const selectedRadio = document.querySelector('input[name="rate"]:checked');

if (selectedRadio) {
  const rateValue = selectedRadio.value;
  document.getElementById('results').innerHTML = rateValue;
}

Penjelasan:

Kaedah querySelector() mencari elemen pertama dalam DOM yang sepadan dengan pemilih yang ditentukan. Dalam kes ini, ia menyasarkan butang radio dengan atribut nama "kadar" dan atribut yang ditandakan.

Setelah butang radio yang dipilih diperoleh, sifat nilainya diambil dan disimpan dalam pembolehubah rateValue. Akhir sekali, sifat HTML dalaman bagi elemen hasil ditetapkan kepada rateValue, dengan berkesan memaparkan nilai butang radio yang dipilih.

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