Skip to main content
removed fluff
Source Link
unor
  • 4k
  • 1
  • 25
  • 47

Radio Deselecting an optional radio button dilemmain a form that mixes radio buttons and checkboxes

first time poster here.

The issue

The issue

I'm working on a form which currently has three radio buttons. Originally, we chose radio buttons as we only wanted a user to be able to select one option.

o Option 1 (Default selection)
o Option 2 (Has an accompanying textbox)
o Option 3

We have now have been told that we need to make changes to this form. Whereas before a user was only able to select a single option, the business now wants to allow a user to to be able to select up to two options.

Option 1 and Option 2 will remain as radio buttons, but Option 3 will become a checkbox. Users will now have the choice to select either Option 1 or Option 2, and also have the choice to select Option 3. Or, a user can just select Option 3, without having to select either Option 1 or Option 2. No option will be set as a default.

o Option 1
o Option 2 (Has an accompanying textbox)

-------------

[ ] Option 3

The problem

The problem

The issue I foresee with the updated design is that if a user accidentally selects Option 1 or Option 2 they will not be able to deselect it. This section is part of a larger form, so they can't just refresh the form.

I've spent all day trying to find an elegant solution that wont change this section radically, but to no avail. Any help would be greatly appreciated.

Radio button dilemma

first time poster here.

The issue

I'm working on a form which currently has three radio buttons. Originally, we chose radio buttons as we only wanted a user to be able to select one option.

o Option 1 (Default selection)
o Option 2 (Has an accompanying textbox)
o Option 3

We have now have been told that we need to make changes to this form. Whereas before a user was only able to select a single option, the business now wants to allow a user to to be able to select up to two options.

Option 1 and Option 2 will remain as radio buttons, but Option 3 will become a checkbox. Users will now have the choice to select either Option 1 or Option 2, and also have the choice to select Option 3. Or, a user can just select Option 3, without having to select either Option 1 or Option 2. No option will be set as a default.

o Option 1
o Option 2 (Has an accompanying textbox)

-------------

[ ] Option 3

The problem

The issue I foresee with the updated design is that if a user accidentally selects Option 1 or Option 2 they will not be able to deselect it. This section is part of a larger form, so they can't just refresh the form.

I've spent all day trying to find an elegant solution that wont change this section radically, but to no avail. Any help would be greatly appreciated.

Deselecting an optional radio button in a form that mixes radio buttons and checkboxes

The issue

I'm working on a form which currently has three radio buttons. Originally, we chose radio buttons as we only wanted a user to be able to select one option.

o Option 1 (Default selection)
o Option 2 (Has an accompanying textbox)
o Option 3

We have now have been told that we need to make changes to this form. Whereas before a user was only able to select a single option, the business now wants to allow a user to to be able to select up to two options.

Option 1 and Option 2 will remain as radio buttons, but Option 3 will become a checkbox. Users will now have the choice to select either Option 1 or Option 2, and also have the choice to select Option 3. Or, a user can just select Option 3, without having to select either Option 1 or Option 2. No option will be set as a default.

o Option 1
o Option 2 (Has an accompanying textbox)

-------------

[ ] Option 3

The problem

The issue I foresee with the updated design is that if a user accidentally selects Option 1 or Option 2 they will not be able to deselect it. This section is part of a larger form, so they can't just refresh the form.

I've spent all day trying to find an elegant solution that wont change this section radically, but to no avail.

Tweeted twitter.com/StackUX/status/1006899141363011584
Source Link
CinnamonBun
  • 319
  • 3
  • 11

Radio button dilemma

first time poster here.

The issue

I'm working on a form which currently has three radio buttons. Originally, we chose radio buttons as we only wanted a user to be able to select one option.

o Option 1 (Default selection)
o Option 2 (Has an accompanying textbox)
o Option 3

We have now have been told that we need to make changes to this form. Whereas before a user was only able to select a single option, the business now wants to allow a user to to be able to select up to two options.

Option 1 and Option 2 will remain as radio buttons, but Option 3 will become a checkbox. Users will now have the choice to select either Option 1 or Option 2, and also have the choice to select Option 3. Or, a user can just select Option 3, without having to select either Option 1 or Option 2. No option will be set as a default.

o Option 1
o Option 2 (Has an accompanying textbox)

-------------

[ ] Option 3

The problem

The issue I foresee with the updated design is that if a user accidentally selects Option 1 or Option 2 they will not be able to deselect it. This section is part of a larger form, so they can't just refresh the form.

I've spent all day trying to find an elegant solution that wont change this section radically, but to no avail. Any help would be greatly appreciated.