Questions tagged [radio-button]

Radio buttons are elements used in forms. They let a user select exactly one of a limited number of choices.

Radio buttons are a GUI element found in many types of forms, both on the web and in standalone applications, and they are used to let the user select one option out of a set of choices. It is often useful to provide some form of visual grouping around a collection of radio buttons so as to help the user see more clearly what they are picking between.

Where there is a binary choice, it can be better to use a instead. Some types of choices may be better suited to the use of a element or a element, though radio buttons have the advantage of allowing the user to see all the possible options (and often descriptions of them) at once, which enhances discoverability at a cost of occupying more screen space.

11983 questions
2
votes
1 answer

How to remove hover color from mat radio button in angular?

I am working on a project. It is requirement of a project to remove hover color from mat radio button. I have tried many things but nothing works for me. My current styling is as follow: ::ng-deep .mat-radio-button.mat-accent .mat-radio-ripple…
jona nikel
  • 23
  • 3
2
votes
2 answers

bootstrap-vue N b-form-radio on a page, how to implement v-model

bootstrap-vue server side/JSON is sending me the N categories for radio button groups. Users will be asked to rate each category as a priority, high, medium, low. I can dynamically generate radio button groups for each category, offering the user…
sasproul
  • 33
  • 6
2
votes
2 answers

TypeError: Cannot read properties of undefined (reading 'main')

I'm getting above error when I try to run my below code... before using Material-UI code was working fine.. I need color radio buttons so I added Material-UI into my project. In terminal its compiling successfully but not able to run in a browser.…
Naziya
  • 39
  • 1
  • 6
2
votes
1 answer

ListBox is selecting more than one item when it is being dragged

I have a ListBox with RadioButton inside it of the same GroupName. Like so:
Joseph Le Brech
  • 6,541
  • 11
  • 49
  • 84
2
votes
3 answers

Changing color of radio-button

In the default CSS code for radio buttonn, it is gray when it is not selected and is blue when it is selected: I however need it to be black in both states. Thus, I have overriden SCSS for radio buttons. Here comes my code: HTML:
2
votes
2 answers

Radio button are not working normally in my Recycler View. Multiple Radio Buttons got selected of the view which are not visible with the focused one

I'm using a Recycler View to show all the images from the galley or the external storage of a device in a Grid Layout Manager. And I'm using a Radio Button to show if the image is selected or not. PROBLEM Whenever I select or deselect a Radio Button…
user16892860
2
votes
2 answers

Radio button not working correctly when rendered using array Data

I have a React component that renders an array with an input field and a radio button. The input field is working fine but when clicking the radio button even though the state gets updated, the value is not reflected in the UI. Following is the…
Erick
  • 1,098
  • 10
  • 21
2
votes
2 answers

How to make a tab switch by radio buttons

I have a user register page in my web and i need to switch form details by radio when user select it Like this

2
votes
3 answers

How to switch on and off checkboxes and radio buttons with JQ

I have tried to get this to work but haven't been successful. I am a real noob with js so please keep that in mind when trying to help me. You'll have to spell it out for me because I just don't understand what is happening yet with all this code. I…
Tom
2
votes
2 answers

Problem in my Javascript for my stacked progress bar running with radiobutton

I would like to build a progress bar with 3 colors red, yellow, and green. Each color is linked to "not done" for red, "done with difficulties" for yellow, and "successfully done" for green. I already built my radio button and my progress bar. I…
2
votes
1 answer

Display Text and Change Parent Size on Radio Button Selection

I am building a form where the user can select one of three options using radio buttons. When the user selects one of the options, I need to display some text under the option that acts as a description for the respective option. The container the…
Andrei Florian
  • 131
  • 1
  • 2
  • 7
2
votes
1 answer

Tabindex not working with the custom radio button

I have created a custom radio button. My issue with tabindex. When I press the tab then it's not selecting the radio button. I am getting the issue in the Labelname1. How can I resolve this? $('input[name="tod-app"]').click(function() { if…
user9437856
  • 2,360
  • 2
  • 33
  • 92
2
votes
1 answer

p:radioButton with render rule is never rendered

EDIT: I adjusted the code, but the problem remains. See below I have this p:selectOneRadio:
Marco Sulla
  • 15,299
  • 14
  • 65
  • 100
2
votes
2 answers

React Conditional HTML Parameters

I am trying to create a component with checked as a prop i can send. {checked != false ? (
Harsha M V
  • 54,075
  • 125
  • 354
  • 529
2
votes
2 answers

Android unchecking radio buttons

I have this 3 Radio buttons, let's assume radio1, radio2, radio3. What i did is if i checked radio1 and radio2, the radio3 will be uncheckable and so on. So i can only check 2 buttons at a time. Then i made this button that if i clicked it, it will…
regi
  • 21
  • 1
  • 3