# Radio Button

## **Element Description**

The **Radio Button** field allows users to select a single option from a set of predefined choices. Unlike checkboxes, only one option can be selected at a time. This is useful for offering mutually exclusive options to customers during the checkout process.

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

**Sample Use Cases**

* Offer a choice between different options.
* Allow customers to select a delivery option (e.g., standard or express).
* Provide a set of options where only one can be chosen (e.g., Yes or No).

<figure><img src="/files/o6I9GaHDCmhdefCDpMEb" alt=""><figcaption><p>Sample Radio Button</p></figcaption></figure>

## **Radio Button** Field Settings

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

* **Label** – The name of the field displayed to customers on the checkout page.
* **Description** – Additional information or instructions about the radio button selection, displayed below the field.
* **Enable/Disable Field** – Allows you to enable or disable the field based on your needs. If it is disabled, the element will not be displayed in the checkout form, you can enable it anytime from the checkout builder according to your needs.
* **Is Required** – When enabled, customers must select one option before proceeding with checkout.
* **Options** – Customize the available options by setting the **Label** (what the customer sees) and **Value** (backend value associated with each option). You can add, edit, or delete options as needed:
  * <picture><source srcset="/files/CQ5w306TciOPhW3B4guz" media="(prefers-color-scheme: dark)"><img src="/files/rt8oYLpasni9HbZS7eaK" alt=""></picture> - use the drag-and-drop function to reorder options
  * <picture><source srcset="/files/tOITZpAUWY6z1kZEkM7z" media="(prefers-color-scheme: dark)"><img src="/files/6J4mJDVz4WZHSRR1FazY" alt=""></picture> - use this to delete the options
  * **Add new** - use this button to add new options
* **Default Value** – Set a default selection that will appear automatically when the page loads.

**Advanced Settings**

* **Custom Class Name** – Add [**custom CSS classes**](/checkout-custom-fields-builder-for-woocommerce/plugin-features/custom-classes.md) for additional styling or functionality for the radio button field.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stylemixthemes.com/checkout-custom-fields-builder-for-woocommerce/checkout-builder-elements/radio-button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
