> 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](/files/-M7q7nPlFg86h1bbl3u5)

![Example for the Select field type](/files/-M7q8N2fI9RdByC6MDKu)

## Customizing the options

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

![](/files/-M7q6vUoiwsU9RODunEI)

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:

![](/files/-M7q8q3exXZ1pDCf9bke)

## Visual Result

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

![](/files/-M7q9g-rIjBrfQRkrsVw)

![](/files/-M7q9jeNua2L4LXgYRJr)
