UIDex

What is the difference?

Checkbox vs Radio Group

The difference is how many answers are allowed. Checkboxes accept any combination, including none. A radio group accepts exactly one, and the user cannot clear it once they pick. That is why a radio group needs either a sensible default or an explicit option meaning none.

Ask yourself one question

Would picking two at once ever make sense?

تنبيهات الحساب

مسطرة المسافة تبدّل المربّع، و Enter يرسل النموذج.

RTLالمربّع عند بداية السطر، والتفريع يزيح بـ padding-inline-start

Checkbox

مربّع الاختيار
<input type="checkbox">

Use it when

Search filters, account permissions, and any question whose answer might be one, five, or none.

Full entry
طريقة الشحن

القيمة المرسلة مع النموذج: shipping=express

RTLالأسهم تنقل وتختار معاً، و ArrowLeft هو «التالي» في العربية

Radio Group

مجموعة أزرار الاختيار
role="radiogroup"

Use it when

Shipping method, payment method, or any single-answer question where seeing all the options side by side helps the user compare.

Full entry

The classic mistake

A two-option radio group with no default. The user cannot return to an unanswered state, and the form cannot tell someone who chose the first option from someone who never read the question.

Other comparisons