Dropdown vs. Radio button vs. Checkboxes: Which one to use?

Quick answer: use radio buttons (called option buttons in Microsoft Office) when the user must pick exactly one option from a short list, and checkboxes when they can pick any number of options, including none. Use a dropdown when there is one choice to make from a long list and screen space matters.

	Radio button	Checkbox	Dropdown
How many can be selected	Exactly one	Zero, one or many	One (usually)
Can the user clear it	No, only switch to another option	Yes, click again	Sometimes, if there is an empty option
Options visible at once	All	All	Only after opening
Best number of options	2 to about 6	1 (a yes/no) to about 10	Around 7 or more
Shape	Circle	Square	Field with a chevron
Typical example	Delivery speed	Newsletter topics	Country

The shape is the convention, but do not rely on it alone. The GOV.UK Design System says not to assume users will know how many options they can pick from the visual difference between radios and checkboxes, so put it in the question: "Select one" or "Select all that apply".

Updated August 2026. The guidance below matches current platform rules: Material Design 3 and Apple’s Human Interface Guidelines both prefer radio buttons or a segmented control for a handful of mutually exclusive options, and a dropdown or picker only when the list is long.

When it comes to choosing between a radio button or dropdown, there are a few UX considerations you should keep in mind. If you’re working on a web or app design, it’s important to choose the right input method for your users.

Before we jump into it, it’s important to note that it’s impossible to give any meaningful rules on UI that would hold across all contexts. You might want to refer to your platform’s UX guidelines for some guidance.

In this article, I will discuss when to use which UI control.

A checkbox is a perfect control to use when you want the user to be able to select one or more items from a list. For example, when you are creating a to-do list, you would want to use a checkbox for each task. This way, the user can select the tasks that they want to complete.

Learn how to design a ‘proper’ checkbox in this article.

A radio button is a good choice when you want the user to select only one item from a list. For example, when you are creating a survey, you would want to use a radio button for the question “What is your gender?” This way, the user can only select one answer.

Learn more about the behaviour of radio buttons in this article:

A dropdown is the best control to use when you want the user to select an item from a list of options. For example, when you are creating a form, you would want to use a dropdown for the question “What is your age?” This way, the user can select their age from a list of options.

Radio Buttons vs. Dropdowns

When deciding whether to use a radio button or a dropdown, ask yourself the following questions:

• How many options are there?
• How many items can the user select?
• How complex are the options?

If there are only a few options and the user can pick one, use radio buttons: every choice is visible and it takes a single click. If there are a lot of options, a dropdown saves space. If the user can pick more than one item from a long list, a multi-select dropdown is rarely the answer, because people struggle with Ctrl-clicking; a scrollable list of checkboxes or a searchable token field works better. We compare those in the best UI for multi-selecting from a list.

Also consider whether a dropdown is needed at all. Nielsen Norman Group points out that typing is faster than scrolling for familiar data: it is quicker to type "NY" than to find New York in a list of states, and nobody wants to pick their birth year from a scrolling menu. Learn more about how to better make this decision here.

Radio Buttons vs. Checkboxes

When deciding whether to use a radio button or a checkbox, ask yourself the following questions:

• How many items are there?
• Can the user select more than one item?

The number of items is not really the deciding factor here. The difference between a radio button and a checkbox is whether the choices are mutually exclusive. If picking one option should rule out the others, use radios. If each option is an independent yes or no, use checkboxes.

Two details trip people up:

• A radio group cannot be emptied. Once someone picks an option, they can switch but never go back to nothing. If "none" is a valid answer, add it as an option. NN/g recommends an explicit, neutral choice over expecting users to leave the group blank.
• "None" in a checkbox list needs special handling. GOV.UK puts the none option last, separated by an "or" divider, and unticks the other boxes when it is selected.

My rules of thumb are:

• if the option is boolean: checkbox
• if the number of options is 2 – 4: radios
• if the options have a lot of text: radios
• if there are lots of options: dropdown
• if there are LOTS of options: dropdown with search, like chosen

Radio button alternatives

Radio buttons are not the only single-choice control. A segmented control works well for two to five short options that change a view, such as Day, Week and Month. A switch replaces a pair of radios when the setting takes effect immediately, such as turning notifications on or off; we cover when that works in effective toggle buttons. For a single yes/no inside a form that is submitted later, a checkbox is still clearer than either.