Loading challenge...
Checkboxes
Check and uncheck multiple checkboxes
Basic Checkboxes
Check and uncheck individual options
Select All Pattern
Toggle all checkboxes with a single click
Option 1: ✗ | Option 2: ✓ | Option 3: ✗
Disabled Checkboxes
Checkboxes that cannot be interacted with
Required Checkbox
Form validation requires this checkbox to be checked
Current State
Live state preview
{
"option1": false,
"option2": true,
"option3": false,
"selectAll": false,
"terms": false
}Testing Tips
Automation hints
- ✓ Use IDs #checkbox-1, #checkbox-2, #checkbox-3 for individual checkboxes
- ✓ Verify #checkbox-select-all toggles all options simultaneously
- ✓ Check #checkbox-disabled-checked and #checkbox-disabled-unchecked reject clicks
- ✓ Test form validation requires #checkbox-terms to be checked before submit
- ✓ Verify state in #checkbox-state JSON updates in real-time
