Questions tagged [radio-buttons]

Use it for questions regarding the radio button input element

A radio button or option button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options. The singular property of a radio button makes it distinct from checkboxes, where the user can select and unselect any number of items.

Radio buttons are arranged in groups of two or more and displayed on screen as, for example, a list of circular holes that can contain white space (for unselected) or a dot (for selected). Each radio button is normally accompanied by a label describing the choice that the radio button represents. The choices are mutually exclusive; when the user selects a radio button, any previously selected radio button in the same group becomes deselected (making it so only one can be selected). Selecting a radio button is done by clicking the mouse on (or touching the screen over) the button, or the caption, or by using a keyboard shortcut.

It is possible that initially none of the radio buttons in a group are selected. This unselected state cannot be restored by interacting with the radio button widget, though it may be possible through other user interface elements. When used in an HTML form, if no button in a group is checked, then no name–value pair is passed when the form is submitted. For example, for a radio button group named Sex with the options Male and Female, the variable Sex would not be passed, even with a blank value.

https://en.wikipedia.org/wiki/Radio_button

238 questions
7
votes
2 answers

Arrow keys on radio buttons: disable or not?

When a radio button is focused, arrow keys move the selection to the next (Down) or previous (Up) radio button in the group. This behavior is old and widespread, so lots of people have had plenty of time to get used to it. It seems like the kind of…
user46933
4
votes
3 answers

Relative radio (or tab) group with sub-inputs

I have a radio group and each value has sub-inputs, for example: User chooses "Cat" and gets cat-related sub-inputs, there can be any number of sub-inputs. But the issue with this layout is that "Horse" in the closest to sub-inputs, so user might…
Marvin3
  • 251
  • 1
  • 4
1
vote
6 answers

Is a switcher a better pattern than radio buttons?

I'm designing a list with an option to switch some records on and off. I'm wondering which pattern to choose: standard radio buttons solution, or something a little more sophisticated but not too uncommon—switchers. I know there are some flaws…
steppenwolf
  • 681
  • 5
  • 13
1
vote
1 answer

Am I wrong and is it in fact not weird for some elements in a radio button group to not generate events?

In a discussion under this answer to Make PySimpleGUI Radio Buttons generate events I expressed that I felt that if some buttons (elements) in a single group of radio buttons generated an event and others in the same cluster didn't, it would be…
uhoh
  • 462
  • 5
  • 10
1
vote
1 answer

Radio Buttons Direction

I've seen radio buttons sometimes positioned vertically and sometimes horizontally. Which direction if any is considered superior UX? Are there factors that determine when to use one vs the other?
Jason
  • 33
  • 5
0
votes
1 answer

2 segmented controls on same level?

I am designing an interface for sending sms messages One side is a form to enter data, and next there is a preview of a phone The user can select to view the platform and also to choose if to see preview of lock-screen or messages app I am not sure…
user110630
  • 61
  • 4
0
votes
2 answers

Precedent for modal button with changing label and highlight color

My team is designing an interface for a route planning interface similar to Google Maps or Uber: select a pickup point and destination. Unlike those apps there is a ~small set of acceptable pickup/dropoff locations. We've decided that in order to…
Phrogz
  • 916
  • 1
  • 8
  • 19