Loading challenge...
Radio Buttons
Select options from radio button groups
Basic Radio Group
Select one option from the group
Selected: None
Pre-selected Option
One option is selected by default
Selected: medium
Radio with Descriptions
Rich options with additional information
Selected: None
Disabled Radio Buttons
Radio buttons that cannot be interacted with
Current State
Live state preview
{
"color": "",
"size": "medium",
"payment": ""
}Testing Tips
Automation hints
- ✓ Use IDs like #radio-color-red, #radio-size-medium for specific options
- ✓ Verify selecting one radio deselects others in the same group
- ✓ Check #radio-size-medium is pre-selected on page load
- ✓ Test #radio-disabled-1 and #radio-disabled-2 reject interaction
- ✓ Verify selection displays in #radio-color-value, #radio-size-value, #radio-payment-value
