# Checkbox & Radio Bindings

{% hint style="info" %}
By default, keyboard bindings for radio buttons and checkboxes are enabled, allowing users to interact with these elements using keyboard keys (0-9 and A-Z). 

{% endhint %}

***

## **Setup**

#### **Radio Button Bindings**

* **Attribute**: `sf-radio-bind-key`
* **Values**: `number`, `letter`, `none`
* **Where**: [step-container](https://deltaclan.gitbook.io/superform/essentials/step-container "mention")

#### **Checkbox Bindings**

* **Attribute**: `sf-checkbox-bind-key`
* **Values**: `number`, `letter`, `none`
* **Where**: [step-container](https://deltaclan.gitbook.io/superform/essentials/step-container "mention")

**Description**

When a step with the `sf-goto` attribute is detected, the bindings are automatically applied to facilitate navigation and selection.

* **`number`**: Binds the radio buttons or checkboxes to numerical keys (0-9).
* **`letter`**: Binds the radio buttons or checkboxes to letter keys (A-Z).
* **`none`**: Disables keyboard bindings for the specified elements.

{% hint style="warning" %}
Avoid assigning the same set of keys to multiple groups within a single step to prevent conflicts.
{% endhint %}

#### Demonstration:

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDGLtnaQr6bP3qHCWvX0r%2Fuploads%2FMYZEHbZVED6K3gGGTySA%2FCleanShot%202024-07-14%20at%2014.15.39.mp4?alt=media&token=0fade7a9-5a84-49d2-90df-e73eadcbc226>" %}

**Use Cases**

* **Accessibility**: Allow users to navigate and interact with form elements using keyboard shortcuts, improving the accessibility of your forms.
* **User Interaction**: Facilitates quicker form completion by enabling keyboard shortcuts for selection.