Bagaimana untuk Memilih Butang Radio secara Lalai?
Secara lalai ' diperiksa atribut ” digunakan untuk memilih butang radio. Jika atribut ini digunakan pada berbilang butang radio maka butang radio terkini akan dipilih secara lalai. Ikuti blog langkah demi langkah untuk memilih butang radio secara lalai:
Langkah 1: Buat Butang Radio
Dalam fail HTML, buat tiga butang radio dan lampirkan label dengannya:
< pusat >
< h3 > Pilih tahap pengalaman anda: < / h3 >
< div >
< input menaip = 'radio' ID = 'pemula' nama = 'pengalaman' nilai = 'pemula' >
< label untuk = 'pemula' > pemula < / label >
< / div >
< div >
< input menaip = 'radio' ID = 'perantaraan' nama = 'pengalaman' nilai = 'perantaraan' >
< label untuk = 'perantaraan' > Pertengahan < / label >
< / div >
< div >
< input menaip = 'radio' ID = 'maju' nama = 'pengalaman' nilai = 'maju' >
< label untuk = 'maju' > terlebih dahulu < / label >
< / div >
< / pusat >
Dalam coretan kod di atas:
- Butang radio dibentuk dengan mencipta “simple teg ' dan menetapkan jenisnya kepada ' radio ”.
- Berikan setiap butang radio dengan “nama”, “id”, dan “nilai”.
- Pada akhirnya, gunakan ' ID ” medan input untuk melampirkan “ tag ' menggunakan ' untuk ” atribut.
Selepas melaksanakan skrip output seperti di bawah:
Angka tersebut menunjukkan bahawa butang radio dipaparkan tetapi tiada satu pun daripadanya dipilih secara lalai.
Langkah 2: Pilih Secara Lalai
' diperiksa ” atribut digunakan untuk memilih butang radio secara automatik. Ia hanya memilih satu pilihan. Itulah sebabnya pendekatan yang lebih baik untuk memilih satu butang radio secara lalai. Ia mengehadkan pengguna untuk memilih pilihan yang betul:
< div >
< input menaip = 'radio' ID = 'pemula' nama = 'pengalaman' nilai = 'pemula' diperiksa>
< label untuk = 'pemula' >Pemula< / label >
< / div >
Dalam kod di atas, the diperiksa atribut digunakan dan ia diberikan kepada medan input pertama sahaja.
Sekarang selepas melaksanakan halaman web kod di atas kelihatan seperti ini:
Output menggambarkan bahawa butang radio pertama dipilih secara lalai pada setiap muat semula halaman.
Petua Bonus: Menggunakan JavaScript untuk Memilih Butang Radio secara Lalai
Untuk memilih butang radio secara lalai menggunakan JavaScript, akses butang radio menggunakan id. Kemudian, pilih atributnya yang diperiksa dan tetapkan set nilai Booleannya kepada 'true' seperti dalam kod di bawah:
< skrip >document.getElementById ( 'pemula' ) . diperiksa = benar;
< / skrip >
Dalam kod ini, ' pemula ” ialah id bagi butang radio itu yang dipilih secara lalai.
Selepas menyusun skrip output seperti di bawah:
Dalam petikan di atas, butang radio pertama dipilih secara lalai menggunakan JavaScript.
Kesimpulan
Untuk memilih butang radio, pengguna boleh menggunakan ' diperiksa ” atribut. Jika atribut yang disemak digunakan dalam lebih daripada satu butang radio, maka butang radio mendapat nilai atribut 'disemak' yang paling terkini. Untuk memilih butang radio secara lalai menggunakan JavaScript, akses butang radio menggunakan id. Blog ini telah berjaya menunjukkan cara memilih butang radio secara lalai.