> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/selection-option-type/radio-button-and-checkbox.md).

# Radio Button and Checkbox

Both **Radio Button** and **Checkbox** elements are designed to present selectable options to your customers. While they function similarly in many ways, there are key differences in **how selections work** and how many can be made.

<figure><img src="/files/hL2DiGYpUjnMqPYGOP9P" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/zL6vYFN53KEimTMMPKjG" alt=""><figcaption></figcaption></figure>

***

#### 🔘 **Radio Button**

* **Purpose**: Allows the customer to **select only one** option from a list.
* **Selection behavior**:
  * Only one value can be selected at a time.
  * Once selected, **it cannot be deselected** — only replaced by selecting another option.
* **Use Case**: Ideal when you want the customer to **choose one and only one** required option — for example, size (Small, Medium, Large).

***

#### ☑️ **Checkbox**

* **Purpose**: Allows the customer to **select multiple options** from the list.
* **Selection behavior**:
  * Multiple checkboxes can be selected.
  * Customers can **deselect** any option freely.
  * You can limit selection by setting up Min/Max selections
* **Use Case**: Perfect for optional add-ons, such as "Include gift wrapping," "Add greeting card," or selecting multiple toppings for a pizza.

***

#### ⚙️ **Shared Settings**

Both **Radio Buttons** and **Checkboxes** allow you to configure:

* **Label/Name**
* **Required Field**
* **Hidden Field**
* **Add-on Products**
* **Conditional Logic**
* **Out of stock options**
* **Advanced Settings** (like Helptext position, Column width, HTML class, etc.)
* **Style**: Vertical/Horizontal&#x20;

<figure><img src="/files/WTH9OsW7AdTJlYbgx8Vc" alt=""><figcaption></figcaption></figure>

* **Expand/collapse option values**&#x20;

<figure><img src="/files/LMIyrsLiSoaOtlpIgusF" alt=""><figcaption></figcaption></figure>

* **Scroll type: Default, By Fixed height, By number of option value**

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email [**contact@globo.io**](mailto:contact@globo.io)**.**

We’re always here and happy to help — with sincerity and care!