# 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FLHHGRehnleQMPdmCKpGT%2Fimage.png?alt=media&#x26;token=a30a2447-f653-4e5f-abce-2c0e084bc1f5" 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="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FE5roLZhhwDzxD2xVuJjk%2Fimage.png?alt=media&#x26;token=4dfce2fc-1738-48b0-9339-a200a4538c65" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FcRh7yZ5A5WOsu0zzWYVH%2Fimage.png?alt=media&#x26;token=8db6492d-e6ba-4bb5-afb0-e0b82df2dd29" 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@globosoftware.net>**.

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