Công tắc radio
Công tắc radio đại diện cho một phần tử biểu mẫu HTML dưới dạng một nút tròn, có thể được đánh dấu hoặc không.
Radio button được tạo bằng thẻ input
với thuộc tính type có giá trị radio.
Giao diện:
Một công tắc radio đơn lẻ hầu như không bao giờ
được sử dụng, chúng nên được sử dụng
theo nhóm. Trong một nhóm, chỉ có một
công tắc có thể được đánh dấu. Các công tắc
sẽ tạo thành một nhóm chỉ khi chúng có
cùng giá trị thuộc tính name
(xem ví dụ bên dưới).
Ví dụ
Hãy tạo hai công tắc radio:
đánh dấu cái đầu tiên (đặt thuộc tính checked),
còn cái thứ hai - thì không. Trong trường hợp này, các công tắc sẽ
đại diện cho một nhóm, trong đó
chỉ có một cái có thể được đánh dấu (vì
chúng có cùng giá trị thuộc tính name).
Hãy chú ý rằng các radio
button này được đặt các giá trị khác nhau cho thuộc tính value.
Điều này là cần thiết để sau khi gửi
dữ liệu lên máy chủ, PHP có thể xác định,
công tắc nào đã được chọn:
<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">
:
Ví dụ
Bây giờ hãy tạo hai nhóm công tắc
radio: nhóm đầu tiên sẽ có
một giá trị thuộc tính name,
còn nhóm thứ hai - một giá trị khác. Hãy thử nhấp
vào chúng, và sẽ thấy rằng các nhóm chuyển đổi
độc lập với nhau:
<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">
:
