Skip to main content

Questions tagged [checkboxes]

widgets that allow a single item to be selected or not. Usually shown by a square box, with a check mark in it if selected.

Filter by
Sorted by
Tagged with
182 votes
18 answers
257k views

Why is it impossible to deselect HTML "radio" inputs?

In HTML, there are currently two types of "checkbox" style controls: Checkbox: Allows toggling on/off, multiple values can be selected Radio: Only one value in a group may be selected, does ...
user avatar
106 votes
11 answers
34k views

What is better: yes / no radio, or simple checkbox?

In a very big form on my company's website, there's this tendency to use Yes / No radio buttons combination. I can think of one argument of not using it, but it is not UX related: we need to ...
wscourge's user avatar
  • 1,225
90 votes
12 answers
76k views

Should checkbox labels be to the right or the left?

I've got some checkboxes with text values of varying lengths (from say 5 characters up to about 60) - which is the preferred layout? Value to the left and checkbox to the right, or vice versa?
user avatar
87 votes
8 answers
18k views

Are round check boxes confusing or an accepted standard?

I was browsing dribbble.com today and came across a new post by one of the designers that I follow. He had posted a new modal form which was using rounded check boxes. I have never seen these before. ...
Matt Rockwell's user avatar
82 votes
6 answers
16k views

Should the space between the checkbox and label be clickable?

Take, for example, these two scenarios. Both very similar HTML, but different semantically: Scenario 1: <label for="myCheckbox"> <input type="checkbox" id="myCheckbox" /> My ...
animuson's user avatar
  • 849
63 votes
9 answers
11k views

Adding a "none of the above" option to a list of checkboxes

I am working on a series of complex life insurance forms and trying to optimize using standard conventions... I have this nasty list of medical diseases and a mutually exclusive option, "None of the ...
Adam Stone's user avatar
51 votes
10 answers
43k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
Martin Christensen's user avatar
48 votes
9 answers
26k views

Checkbox vs toggle

There's a constant debate on checkbox vs toggle. Personally, as an iPhone and Mac owner, I'm still very confused every time when I see the toggle. I often ask ask myself, "The 'on' is on the left, ...
Julia's user avatar
  • 655
35 votes
8 answers
54k views

Input checkboxes wrapped inside <labels>

I usually tend to wrap my checkboxes and radio button inside their respective labels and was wondering whether this is considered a good UX practice. Pros/cons ? One of my main reasons is that it ...
Pablo Rincon's user avatar
33 votes
4 answers
7k views

Multiple options vs single option UI

On the dashboard we are building we got 2 sets of options users can pick: Multiple options (checkboxes) and single options (radio buttons behavior) while the look of the components is similar, ...
Deniz Erdal's user avatar
  • 2,280
33 votes
3 answers
9k views

Is there a good way to communicate choose at least one?

I am wondering if there are any known good ways to concisely convey to users that they must must choose at least one option. Check boxes convey that the user can select 0 or more items. Radio buttons ...
allenretz's user avatar
  • 441
33 votes
3 answers
7k views

Tick this checkbox if you DO NOT want.. underhanded tactics?

Very often when registering on a new site I see checkboxes with long explanations saying something along the lines of: Tick checkbox if you want to receive newsletters. This is not unusual but a ...
Dom's user avatar
  • 657
28 votes
11 answers
8k views

What's the best way to show 'too many options with checkboxes' to user?

The design of my webapp requires the user to select books from 100 of books. These books are user's own books imported from another app. This step is just after the user has registered with my ...
Saurabh Hooda's user avatar
27 votes
6 answers
5k views

Is it a good/acceptable practice to combine checkboxes with radio buttons for one question?

I work on a form, in which there are questions allowing either multiple choices or selecting just one. An example: Which of the sweeties do you like: [ ] chocolate [ ] lollipops [ ] cookies ( ) none ...
Dominik Oslizlo's user avatar
27 votes
7 answers
4k views

Checkboxes - Is better to check exceptions or to uncheck exceptions?

I have a grid of ~20 checkboxes which users can utilize to select features. Typically, user might have ~15 features selected ~5 unselected for a co configuration. Deselection of features which a user ...
Knut Holm's user avatar
  • 380
26 votes
6 answers
59k views

Radio buttons with none selected

I feel like there's an answer out there but I can't find it. We have a situation where customers need to choose one of two options for billing their services, but we can't choose it for them. I've ...
Daniel Brown's user avatar
24 votes
2 answers
17k views

Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?

I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used. This is not the default ...
Adam Lynch's user avatar
23 votes
4 answers
10k views

Should Checkboxes be Checked or Unchecked by default in forms

I have a quiz creation form, in which an admin is required to fill the quiz name, details, number of maximum attempts and similar admin level configuration items. The admin should configure if the ...
Kish's user avatar
  • 2,607
23 votes
3 answers
8k views

Are tri-state checkboxes too complicated?

Normal checkboxes are easy, they have a checked state, and an unchecked state. But how do you go about indicating a third state for a tri-state checkbox? Is it too difficult for the user to discover ...
Matt Rockwell's user avatar
21 votes
8 answers
5k views

Mutually exclusive Switches

The software I am designing for has 3 functions, which can be turned on or off with Switches. However, due to how the software works, the following rules apply: At least one function must be enabled ...
Chris's user avatar
  • 432
21 votes
5 answers
25k views

Check all / uncheck all checkboxes with regards to usability

I'm just wondering as to your thoughts on the best way of providing check/uncheck all functionality for an HTML table with multiple rows, that has a column of checkboxes. Some possibilities: Extra ...
bcmcfc's user avatar
  • 313
20 votes
9 answers
5k views

How to indicate a checkbox/toggle is "always on"

I have a group of toggles (styled checkboxes) in my interface to activate/deactivate the visibility of input fields in a form in he front-end. Two of those inputs are required for the form to work so ...
Damien's user avatar
  • 302
20 votes
7 answers
10k views

Using asterisk (*) when all fields are required

I have here: In terms of UX, do we really need to put asterisk or tell users that the fields are required where in fact all required and none is optional? I am thinking aesthetic wise, just remove ...
G_Max's user avatar
  • 203
19 votes
6 answers
1k views

Helping users understand that two, and only two options must be selected

I have a drop down checkbox where there are 8 items to check. Two are selected by default. I am trying to think of an intuitive way to let the user know they have to deselect the existing ones ...
Source's user avatar
  • 2,363
19 votes
6 answers
11k views

What do you do when you have too many choices in a checkbox field set?

I have an interface for managing a user's roles in an interface for managing accounts in a web application. The roles are basically roles in the Role-Based Access Control - (RBAC) context. ...
F21's user avatar
  • 5,918
18 votes
3 answers
6k views

Is it acceptable practice to use checkboxes as radio buttons?

Can someone point me in the direction to articles regarding checkboxes and radio buttons? I'm in a discussion with an Art Director and he is convinced it makes more sense to use checkboxes because ...
Anthony 'Ants' Nguyen's user avatar
18 votes
6 answers
4k views

Select All & Clear All vs. Invert

I met with situation when I have to use the long multiply check list. I have to add some usable buttons Select All, Clear All or Revert Invert. I know that the common practice is using "Select All" ...
igor's user avatar
  • 2,533
18 votes
2 answers
6k views

Which is the correct way to implement faceted search filtering: links vs checkboxes?

Is there a difference between implementing filtering options using links (or radio buttons), ie. you can only check one, versus using checkboxes? For example: Youtube uses links, you can only select ...
Marcos Ciarrocchi's user avatar
17 votes
7 answers
3k views

Checkbox label negating

When labeling Checkboxes is it bad to use "negative" or "opposite" descriptions? Should a checked Checkbox always mean "do something", or is it OK for it to mean "don't do something"? For example: ...
Tester101's user avatar
  • 273
17 votes
4 answers
10k views

Filtering results with checkboxes

A colleague of mine and I have had a discussion about filtering with checkboxes on one of our sites. We use a number of checkboxes to allow the user to refine a search, by selecting their areas of ...
dotmartin's user avatar
  • 643
16 votes
6 answers
5k views

Is labelling a checkbox as mandatory redundant?

I've recently seen a system where an on/off checkbox is labelled as a mandatory field with an asterisk. To me, this seems redundant as it isn't mandatory to check the box, merely to have it either on ...
shauneba's user avatar
  • 345
16 votes
6 answers
17k views

Toggle button vs. check box and toggle switch

XAML for Windows 8 offers 3 controls for toggling: toggle button, check box and toggle switch. The Windows 8 UX guidelines explain and compare the check box and the toggle switch, but make no mention ...
Sebastian Negraszus's user avatar
16 votes
5 answers
3k views

Appended and Prepended Checkbox: when can I use this?

A was taking a look at Twitter Bootstrap, and, looking at the Prepended and Appended checkboxes, just cant figure out where, why and when I can use it. Can someone give me a good example?
caarlos0's user avatar
  • 323
16 votes
3 answers
6k views

Tri-state checkbox: Which state should be selected after clicking?

There is a hierarchy of selectable items, let's say a parent and two children. All three items have checkboxes. When both children are checked, the parent's checkbox is also checked. When both ...
Vitaly Mijiritsky's user avatar
15 votes
3 answers
4k views

Is it okay to use a dropdown chevron in a checkbox?

We have a feature where the user can select some checkboxes. They are all selected by default. We are planning some UI/UX changes that will allow the user to cherry-pick, between these selections, a ...
Lucas Bustamante's user avatar
15 votes
8 answers
4k views

What's a better way to enable a feature – checkbox or dropdown?

Imagine a form where you can enable a feature. After enabling, you have some additional options related to the feature. (A) Would you design a checkbox for enabling/disabling the feature + a dropdown ...
rpavl's user avatar
  • 1,691
15 votes
3 answers
3k views

Are links inside checkbox labels acceptable?

For checkboxes in forms, you often need an accompanying link for individual options. This regularly comes up in checkboxes to accept terms of use. Designers love to put this link inside the checkbox ...
MoritzLost's user avatar
15 votes
3 answers
8k views

Is a circular checkbox bad UI design?

A radio button is normally presented as circular control but more recently checkboxes are also being presented with a rounded border making them look like radio buttons. http://flatlogic.github.io/...
Professor of programming's user avatar
15 votes
2 answers
28k views

Where to undo "don't show this message again"?

I often make the misstake of accidentally checking the "don't show this message again" checkbox when using tab and spacebar to navigate. Since I'm asking to never see the message again, undoing that ...
Filip Haglund's user avatar
14 votes
3 answers
3k views

Laying out checkboxes in forms

I have some pretty large forms mostly consisting of text fields and dropdowns. However, there are also checkboxes scattered here and there. I'm trying to figure out the best way to lay them out. Here'...
Vitaly Mijiritsky's user avatar
14 votes
3 answers
511 views

Should Preferences Be Phrased Positively or Negatively?

Say I have a preference that determines whether or not something is visible within an app. Because there are two states (visible or not visible), a checkbox would be the best UI element to use. But ...
Thunderforge's user avatar
14 votes
3 answers
13k views

"By posting this, you agree to our terms and conditions"

Is it okay to have a "By posting this, you agree to our terms and conditions" (i.e. like 4chan) as opposed to a "I agree to the terms and conditions" checkbox? I read about automatic agreement to ...
Mark Boulder's user avatar
  • 1,886
14 votes
5 answers
889 views

Should a special slider value be implemented with a checkbox or not?

I am creating a dialog box for a GIMP plugin that exports images in the WebP format. The dialog currently looks something like this: download bmml source – Wireframes created with Balsamiq ...
Nathan Osman's user avatar
13 votes
5 answers
800 views

Should I use radio buttons or check boxes (or something else) for email address?

So I'm building an application where the users will be able to send some information via email. The previous system had an interface something like this, where the users would select whether they ...
Wayne Werner's user avatar
13 votes
6 answers
5k views

Table Checkbox side best practices

When is it a best practice to allow for checkboxes to appear on the left/right and side of a table? A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
JeffH's user avatar
  • 3,940
13 votes
4 answers
1k views

How would you solve the column of check boxes problem?

So my question is a bit open ended. Basically, I am looking for possible solutions to the problem of lots of tabular data with check boxes. For example, if we look at Facebook's Account Notifications ...
Matt Lavoie's user avatar
  • 2,360
12 votes
3 answers
2k views

User friendly and clear way to present possible answers to a question

Which way to answer the following question is more user friendly and more clear? A) B) edit: Because I have to stick to the drop-list and don't really like options A and B, I thought of an third ...
Niek's user avatar
  • 169
12 votes
6 answers
5k views

Selecting many elements from a long list

I have a scenario where my 'create user' dialog has a very long list of options, of which the user needs to select many. The project manager has suggested a 'dual list' approach: a long (scrolled) ...
Roddy of the Frozen Peas's user avatar
12 votes
3 answers
1k views

What's a good alternative to cascading checkboxes?

We have a web interface for running a report. The report can be pretty complex. There are various topics that can be included in the report, and each topic has sub-topics. Right now, the interface ...
Di Zou's user avatar
  • 223
11 votes
12 answers
4k views

Placement of "done" checkbox button

My team is having trouble deciding where to place a done checkbox. We have a website containing a collection of pages in a row from first page to last page. Each page can be a text or assignment. ...
Mattias Bregnballe's user avatar

1
2 3 4 5
9