# Checkbox

**Checkbox** là tính năng tạo ra các tuỳ chọn cho người dùng và họ có thể chọn nhiều lựa chọn dùng để tạo câu hỏi khảo sát,... \
Bạn lưu ý, **checkbox** 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 Checkbox

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 trữ 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 **Checkbox** ra màn hình bạn muốn tạo.

![Kéo checkbox ra sử dụng](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FvMeqIBROs0DuhwaMqMoz%2Fcheckbox.png?alt=media\&token=dc68cc33-4c5a-433c-ae8c-6c6f85f75336)

Bước 3: Cấu hình cho **Checkbox :**\
Bấm vào **Checkbox** 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 **Checkbox**\
\- Tên nhóm : Là tên của 1 nhóm **Checkbox**\
\- 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 **Checkbox**\
   Chọn -> Click đúp vào model vừa tạo -> chọn trường lưu trữ.

![Cấu hình cho checkbox](https://486755585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LmigXqQJLlwBF71lfdy%2Fuploads%2FgH7GnZQoDZ4dclKQYzsz%2Fc%E1%BA%A5u%20h%C3%ACnh.png?alt=media\&token=450cd6c3-9ae6-4c2f-ba6b-0e2fbbc5ead7)

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%2FWA8uRRp4uE53ZT3hYa5p%2Fk%E1%BA%BFt%20qu%E1%BA%A3.png?alt=media\&token=4137a199-f45b-467e-8cc6-5697113ea218)