> For the complete documentation index, see [llms.txt](https://helpdocs.quickadminpanel.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpdocs.quickadminpanel.com/create-panel/radio-checkbox-select-fields.md).

# Radio/Checkbox/Select Fields

We have three so-called "Choice" field types:

* Radio button
* Checkbox
* Select Dropdown

If you prefer video, here's a quick video demo for all of them.

{% embed url="<https://www.youtube.com/watch?v=2fPYHp0jKXo>" %}

Now, separately about each one.

## Radio/Select Options

If you choose a field types **Radio** or **Select**, you should enter all different values in key-value pairs. One of them goes to the database value, another one is shown visually on the page, as a label. Also, you may specify **Default value**.

![Example for the Radio field type](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7q0VYUlwkTJ0chtLeE%2F-M7q7nPlFg86h1bbl3u5%2FScreen%20Shot%202020-05-21%20at%2010.29.01%20AM.png?alt=media\&token=cdfb48f0-a1c0-406d-8702-83dd325ef0d8)

![Example for the Select field type](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7q0VYUlwkTJ0chtLeE%2F-M7q8N2fI9RdByC6MDKu%2FScreen%20Shot%202020-05-21%20at%2010.31.54%20AM.png?alt=media\&token=b58d13f5-63af-4372-8ff3-e61c07607feb)

## Customizing the options

The possible options with key-value pairs are saved in the Model, as constant array:

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7q0VYUlwkTJ0chtLeE%2F-M7q6vUoiwsU9RODunEI%2FScreen%20Shot%202020-05-21%20at%2010.24.22%20AM.png?alt=media\&token=db01a88e-5a0a-4664-97da-74bdb7038115)

So if you want to add more options or customize them, you need to edit those arrays.

In the database, those values are saved as **varchar** type, not as **enum**. That's why it's flexible to change in the model, without doing any manipulations in the database.

## Checkbox Default State

For the **Checkbox** field type, you can select whether it's checked by default:

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7q0VYUlwkTJ0chtLeE%2F-M7q8q3exXZ1pDCf9bke%2FScreen%20Shot%202020-05-21%20at%2010.33.48%20AM.png?alt=media\&token=8711a2ab-003f-47e1-8c88-acb73b028b08)

## Visual Result

If we add all three fields shown above, here's how it will look in our panel:

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7q0VYUlwkTJ0chtLeE%2F-M7q9g-rIjBrfQRkrsVw%2FScreen%20Shot%202020-05-21%20at%2010.37.23%20AM.png?alt=media\&token=8e16caee-b414-4919-8ecb-a90a1102dea1)

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7q0VYUlwkTJ0chtLeE%2F-M7q9jeNua2L4LXgYRJr%2FScreen%20Shot%202020-05-21%20at%2010.37.34%20AM.png?alt=media\&token=c98af8d2-7b46-4e2e-9337-ce7f143b4cb2)