Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mendapatkan Nilai Butang Radio Terpilih Menggunakan jQuery?

Bagaimana untuk Mendapatkan Nilai Butang Radio Terpilih Menggunakan jQuery?

Barbara Streisand
Barbara Streisandasal
2024-12-07 01:14:10208semak imbas

How to Get the Value of a Selected Radio Button Using jQuery?

Cara mengenal pasti pilihan yang dipilih dalam sekumpulan butang radio dengan jQuery

Apabila bekerja dengan borang, selalunya perlu untuk mendapatkan semula nilai butang radio yang dipilih. jQuery menyediakan cara yang mudah untuk mencapainya.

Pertimbangkan senario berikut: anda mempunyai borang dengan berbilang butang radio bernama radioName. Anda ingin menyiarkan nilai pilihan yang dipilih. Untuk mendapatkan semula nilai dengan jQuery, anda boleh memanfaatkan kod berikut:

$('input[name=radioName]:checked', '#myForm').val()

Kod ini mencari semua elemen input dengan atribut nama ditetapkan kepada radioName dalam borang dengan id myForm. Pemilih :checked memastikan bahawa hanya butang radio yang dipilih dipilih. Akhir sekali, kaedah .val() mengembalikan nilai butang radio yang dipilih.

Sebagai contoh, coretan kod berikut menunjukkan cara untuk menangkap nilai butang radio yang dipilih selepas perubahan pilihan:

$('#myForm input').on('change', function() {
  alert($('input[name=radioName]:checked', '#myForm').val());
});

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Butang Radio Terpilih Menggunakan jQuery?. 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