Ringkasan. dalam tutorial ini, Anda akan mempelajari cara menggunakan JavaScript untuk memeriksa tombol radio mana dalam grup radio yang diperiksa Show Pengantar Tombol Radio JavaScriptTombol radio memungkinkan Anda untuk memilih hanya satu dari serangkaian opsi eksklusif yang telah ditentukan sebelumnya. Untuk membuat tombol radio, Anda menggunakan elemen 5 dengan tipe 6. Sekelompok tombol radio disebut grup radio Untuk membentuk grup radio, Anda menggunakan nama umum untuk semua tombol radio. Sebagai contoh
Dalam contoh ini, semua tombol radio memiliki ukuran nama yang sama tetapi nilainya berbeda. Karena itu, Anda hanya dapat memilih satu tombol radio dalam satu waktu Untuk menemukan tombol radio yang dipilih, Anda mengikuti langkah-langkah berikut
Untuk mengetahui tombol radio mana yang dicentang, gunakan atribut 1. Sebagai contoh
Bagaimana itu bekerja Pertama, pilih tombol dengan _2 id, output elemen dengan 3 id, dan semua tombol radio dengan nama 4 _ Kedua, daftarkan pendengar acara klik pada elemen tombol
Ketiga, ulangi tombol radio dan dapatkan nilai tombol radio yang dipilih
Jika tombol radio dicentang, properti _8 adalah 0. Kemudian, kami menetapkan _1 dari tombol radio yang dipilih ke variabel 8 Karena hanya satu tombol radio dalam grup radio yang dapat diperiksa pada satu waktu, loop diakhiri segera dengan pernyataan 9 Terakhir, atur pesan untuk elemen keluaran
Acara perubahan tombol radioSaat Anda mencentang atau menghapus centang pada tombol radio, itu mengaktifkan acara perubahan. Untuk mendengarkan acara perubahan, Anda menggunakan metode addEventListener() seperti ini
Di dalam change event handler, Anda dapat mengakses kata kunci 0 untuk mengakses tombol radio. Untuk memeriksa apakah tombol radio dicentang, Anda dapat menggunakan properti yang dicentang
Untuk mendapatkan nilai dari tombol yang dicentang, Anda menggunakan properti nilai
Ini akan terlihat seperti ini
Contoh berikut secara dinamis menghasilkan grup radio dan menampilkan nilai yang dipilih saat tombol radio dicentang 0 Bagaimana itu bekerja Pertama, tentukan larik string yang menampung ukuran. Dalam praktiknya, Anda mungkin mendapatkan nilai ini dari database di back-end atau dari hasil panggilan API _1 Kedua, buat grup radio dari elemen array ukuran _2 Dalam kode ini 1) Pilih elemen dengan id #group 2) Hasilkan grup radio menggunakan metode map() dengan templat literal; Bagaimana cara memilih beberapa opsi di tombol radio di HTML?Jika Anda perlu memilih satu opsi dari banyak opsi, kami memiliki tombol .
Bisakah saya memilih beberapa tombol radio?Hanya satu tombol radio dalam grup yang dapat dipilih secara bersamaan .
Berapa banyak tombol radio yang dapat dipilih sekaligus dalam HTML?Hanya satu tombol radio dalam grup tertentu yang dapat dipilih secara bersamaan . Tombol radio biasanya ditampilkan sebagai lingkaran kecil, yang diisi atau disorot saat dipilih.
Bagaimana cara memilih beberapa tombol radio dalam javascript?Anda tidak dapat melakukan ini. Grup tombol radio memungkinkan satu pilihan. Anda memerlukan kotak centang untuk melakukannya . |