Bagaimana Mendapatkan Nilai Butang Radio Terpilih Menggunakan JavaScript?

Menggunakan JavaScript untuk Menentukan Nilai Butang Radio yang Dipilih

Untuk mendapatkan nilai yang dipilih daripada sekumpulan butang radio, atribut 'nilai' yang dikaitkan dengan butang radio yang ditanda mesti diakses. Dalam versi Internet Explorer yang lebih awal, ini memerlukan pendekatan khusus. Walau bagaimanapun, untuk IE9 dan versi seterusnya, serta semua penyemak imbas lain, kaedah ringkas tersedia:

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

Coretan kod ini menggunakan kaedah querySelector() untuk memilih elemen input yang mempunyai 'nama' atribut ditetapkan kepada 'kadar' dan atribut 'ditandai' ditetapkan kepada 'benar', mewakili butang radio yang dipilih. Ia kemudian mengembalikan atribut 'nilai' bagi butang radio yang dipilih.

Dalam HTML yang disediakan:

<div>

melaksanakan kod berikut akan menghasilkan nilai yang dipilih:

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

Sebagai contoh, jika butang radio dengan nilai 'Multi Rate' ditandakan, 'rate_value' akan ditetapkan kepada 'Multi Rate'. Dengan menggunakan pendekatan ini, nilai yang dipilih boleh diperoleh dengan cekap, tanpa mengira butang radio tertentu yang dipilih.

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