Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mendapatkan Nilai Butang Radio Terpilih dalam JavaScript?

Bagaimanakah Saya Boleh Mendapatkan Nilai Butang Radio Terpilih dalam JavaScript?

DDD
DDDasal
2024-12-13 01:13:09555semak imbas

How Can I Get the Value of a Selected Radio Button in JavaScript?

Menentukan Nilai Butang Radio Terpilih

Untuk mendapatkan semula nilai butang radio yang dipilih dalam kumpulan, anda mungkin menghadapi kesukaran menggunakan kaedah konvensional. Artikel ini menyediakan penyelesaian kepada isu biasa ini.

Pertimbangkan struktur HTML berikut untuk set butang radio:

<div>

Untuk mendapatkan nilai butang yang dipilih menggunakan JavaScript, anda mungkin pada mulanya cuba kod ini:

var rates = document.getElementById('rates').value;

Walau bagaimanapun, pendekatan ini mendapatkan semula ID elemen div yang mengandungi dan bukannya nilai butang radio yang dipilih. Untuk menangani isu ini, gunakan kod berikut:

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

Kod ini menggunakan kaedah querySelector untuk memilih elemen butang radio padanan pertama dalam div kadar, memastikan anda memperoleh nilai butang yang ditandakan secara khusus.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn