Penukar Radio

Penukar radio mewakili elemen HTML borang dalam bentuk butang bulat yang boleh ditanda dan tidak.

Butang radio dicipta menggunakan tag input dengan atribut type dalam nilai radio. Penampilan:

Satu penukar radio hampir tidak pernah digunakan, ia harus digunakan secara berkumpulan. Dalam kumpulan, hanya satu penukar yang boleh ditanda. Penukar akan membentuk kumpulan hanya jika mereka mempunyai nilai atribut name yang sama (lihat contoh di bawah).

Contoh

Mari buat dua penukar radio: yang pertama ditanda (tetapkan atribut checked), dan yang kedua - tidak. Penukar ini akan mewakili kumpulan di mana hanya satu daripadanya boleh ditanda (kerana mereka mempunyai nilai atribut name yang sama).

Perhatikan bahawa butang radio ini diberikan nilai atribut value yang berbeza. Ini diperlukan supaya selepas menghantar data ke pelayan, PHP dapat menentukan yang mana penukar telah dipilih:

<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Contoh

Sekarang mari buat dua kumpulan penukar radio: kumpulan pertama akan mempunyai satu nilai atribut name, dan yang kedua - satu lagi. Mari cuba klik mereka, dan kita akan lihat bahawa kumpulan bertukar secara bebas antara satu sama lain:

<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">

<br>

<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">

Lihat juga

kotak semak,
yang boleh digunakan untuk melaksanakan kotak semak
atribut checked,
yang menandakan penukar radio sebagai ditanda
pseudokelas checked,
yang menetapkan gaya untuk radio yang ditanda
atribut disabled,
yang menyekat elemen borang
tag label,
yang menetapkan petunjuk untuk radio