Cùng name tạo nhóm chọn một
```html
<input id="sang" type="radio" name="buoi" value="sang">
<label for="sang">Sáng</label>
<input id="chieu" type="radio" name="buoi" value="chieu">
<label for="chieu">Chiều</label>
```
Hai radio nằm trong cùng form và cùng name="buoi". Chọn Sáng rồi chọn Chiều sẽ bỏ chọn Sáng. Nếu chưa đặt lựa chọn ban đầu và chưa chọn, nhóm có thể chưa có giá trị nào được chọn.
id riêng giúp gắn từng nhãn; value cho biết giá trị của lựa chọn. Khi chọn Chiều, dữ liệu tương ứng là buoi với giá trị chieu, không phải lấy chữ nhãn làm giá trị thay cho value.
Các ô độc lập có thể cùng được chọn
```html
<input id="doc" type="checkbox" name="hoat_dong" value="doc">
<label for="doc">Đọc sách</label>
<input id="ve" type="checkbox" name="hoat_dong" value="ve">
<label for="ve">Vẽ tranh</label>
```
Mỗi checkbox có trạng thái chọn hoặc không. Có thể chọn cả Đọc sách và Vẽ tranh, hoặc bỏ cả hai. Cùng name không biến các checkbox thành nhóm loại trừ nhau như radio.
Trong cơ chế gửi form thông thường, ô checkbox không chọn không đóng góp giá trị lựa chọn. Mẫu dùng cùng name hoat_dong với value doc và ve để ghi nhận nhiều lựa chọn của cùng loại thông tin.
Chọn điều khiển theo yêu cầu
Nếu chỉ được chọn một buổi, radio cùng nhóm phù hợp. Nếu từng hoạt động đều có thể chọn hoặc bỏ độc lập, dùng checkbox. Thay nhãn không tự thay quy tắc chọn của phần tử.
Khi hai radio đáng ra cùng nhóm nhưng vẫn cùng được chọn, kiểm name và form của chúng. Không sửa bằng cách cho chúng trùng id; id vẫn cần riêng cho từng phần tử.
Bài luyện
Hai radio cùng form và cùng name buoi. Chọn Sáng rồi chọn Chiều thì sao?
Radio cùng nhóm loại trừ nhau.
Đúng. Nhóm chỉ giữ một lựa chọn đang chọn.
Chọn không đổi type.
value không bị ghép thành nhãn.
Lời giải
Cùng name trong cùng form xác định nhóm radio của mẫu. Khi chọn Chiều, trình duyệt bỏ chọn radio Sáng trong nhóm; id riêng không ngăn quan hệ nhóm này.
Bài luyện
Hai checkbox cùng name hoat_dong. Có thể chọn cả hai không?
Cùng name không tạo quy tắc loại trừ cho checkbox.
label không giới hạn nhóm như vậy.
Đúng. Hai trạng thái có thể cùng là chọn.
Trùng id là cách định danh sai, không phải điều kiện.
Lời giải
Checkbox khác radio ở quy tắc chọn. Có thể bật hoặc tắt từng ô độc lập, kể cả khi cùng name; mẫu có thể gửi cả doc và ve cho hoat_dong.
Bài luyện
Trong mã radio, chọn nhãn Chiều tạo giá trị nào cho trường buoi?
Đúng. value đã khai báo là chieu.
Chữ nhãn không thay value đã đặt.
Nhóm chỉ có lựa chọn Chiều đang chọn.
id không thay giá trị lựa chọn.
Lời giải
Radio được chọn có name buoi và value chieu. Đây là tên và giá trị tương ứng trong dữ liệu form; label hiển thị Chiều giúp người đọc nhận biết lựa chọn.
Đang học