# Radio

**Radio** là tính năng tạo ra các tuỳ chọn cho người dùng nhưng chỉ chọn được 1 lựa chọn duy nhất . Dùng để tạo trắc nghiệm, câu hỏi khảo sát,...\
Bạn lưu ý, **Radio** luôn phải kèm theo **Model** để lưu trữ dữ liệu người dùng.

#### Dưới đây là các bước để bạn có thể tạo ra 1 Radio button

Bước 1: Tạo 1 Model để lưu trữ dữ liệu người dùng. \
Ở giao diện **Appon** chọn Dữ liệu -> Thêm trang tính -> Nhập tên dữ liệu -> Thêm. \
Sau khi tạo xong Model bạn bấm vào Model đó thêm những các trường cần thiết.

![Tạo Model lưu dữ liệu](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FlUoKVvJ7hILQp7y8N2W5%2Fmodel.png?alt=media\&token=4fa0b10f-1db8-4911-b799-d601c192c0d2)

Bước 2: Bạn vào phần **Khối** -> kéo xuống tới mục **Selection** -> kéo biểu tượng **Radio button** ra màn hình bạn muốn tạo.

![Kéo Radio button ra sử dụng](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FZ3KROvkFew4Rh4qMztoA%2Fradio%20button.png?alt=media\&token=1885052e-fc0d-4fb3-8b68-19b2e62a165f)

Bước 3: Cấu hình cho **Radio button :**\
Bấm vào **Radio button** muốn cài đặt cấu hình -> chọn "Hành động" \
\- Text: Là phần hiển thị thông tin của **Radio button**\
\- Tên nhóm : Là tên của 1 nhóm **Radio button**\
\- Giá trị : Là phần thông tin trả về ( thông thường phần giá trị sẽ để giống phần text)\
\- Gán giá trị cho model : Để lưu trữ dữ liệu của **Radio button**\
   Chọn -> Click đúp vào model vừa tạo -> chọn trường lưu trữ.

![Cấu hình cho Radio button](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FNh1J6oZQR7jxUZMOFjOX%2Fradio.png?alt=media\&token=14989fbd-0080-47b4-b4f7-4c4315fc63c3)

Bước 4: Publish và kiểm tra tính năng.

![Kết quả chọn được hiển thị](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2F5BGLblGUpAWrQedJyJCl%2Fk%E1%BA%BFt%20qu%E1%BA%A3.png?alt=media\&token=4934beaf-daf0-4fb8-9f50-88c1154d8040)