Radio button là gì?

Được sử dụng trong một website, đó là một vòng tròn nhỏ mà người dùng có thể bấm vào. Sau khi nhấn vào, nút radio có một dấu đen ở trung tâm. Nút bấm radio thường được sử dụng cho một lựa chọn. Khi chọn nhiều tùy chọn thì checkbox sẽ được sử dụng.

Nút radio (radio button) hoặc nút tùy chọn (option button) là thành tố điều khiển đồ họa (graphical control element) cho phép người dùng chỉ chọn một trong số các tùy chọn loại trừ lẫn nhau được xác định trước. Nút radio làm khác biệt với các checkboxe mà người dùng có thể chọn và bỏ chọn bất kỳ số lượng mục (item) nào.

Các nút radio (radio button) được sắp xếp theo nhóm hai hoặc nhiều hơn và hiển thị trên màn hình, chẳng hạn như danh sách các lỗ tròn có thể chứa khoảng trắng (đối với không được chọn) hoặc dấu chấm (đối với đã chọn). Mỗi nút radio (radio button) thường đi kèm với một nhãn (label) mô tả sự lựa chọn mà nút radio (radio button) thể hiện. Các lựa chọn loại trừ lẫn nhau khi người dùng chọn một nút radio (radio button), bất kỳ nút radio nào đã chọn trước đó trong cùng một nhóm sẽ bị bỏ chọn (làm cho nó chỉ có thể được chọn một). Việc chọn một nút radio (radio button) được thực hiện bằng cách nhấp chuột vào (hoặc chạm vào màn hình) nút hoặc chú thích (caption) hoặc bằng cách sử dụng phím tắt (keyboard shortcut).

Có thể ban đầu không có nút radio (radio button) nào trong nhóm được chọn. Không thể khôi phục trạng thái không được chọn này bằng cách tương tác với nút radio (radio button). Khi được sử dụng trong biểu mẫu (form) HTML, nếu không có nút nào trong nhóm được chọn, thì không có cặp name-value nào được chuyển khi biểu mẫu được gửi (submit).

Trong các biểu mẫu (form) web, phần tử HTML (HTML element) <input type = "radio"> được sử dụng để hiển thị một nút radio (radio button). Ví dụ:

<form>
    <input type="radio" name="season" value="winter" checked>Winter
    <input type="radio" name="season" value="spring">Spring
    <input type="radio" name="season" value="summer">Summer
    <input type="radio" name="season" value="autumn">Autumn
</form>

Một nhóm các thuộc tính được xác định theo name. Trong một nhóm, chỉ có thể chọn một nút radio (radio button).