check_box
Checkboxes
<input type="checkbox" name="interest" value="coding">
check_circle
Allow multiple selections
check_circle
Independent of each other
check_circle
Use same name for grouping related options
check_circle
Can be set as checked by default
radio_button_checked
Radio Buttons
<input type="radio" name="gender" value="male">
check_circle
Allow only one selection from a group
check_circle
Must share same name to be grouped
check_circle
Each option needs a unique value
check_circle
One option can be checked by default
| Feature | Checkbox | Radio Button |
|---|---|---|
| Selection Type | Multiple | Single |
| Grouping | Optional | Required |
| Use Case | Options list | Mutually exclusive choices |
code
Example Implementation