radio button on ui page

Rj27 · ‎07-13-2022

Hi,
I have 2 radio buttons on my ui page with options yes/no.
I want to make this mandatory and allow only one value to be selected at time.
Currently, both options are getting selected.
My code :

<label>select your option </label><br/>
<input type="radio" name="yes" id="yes" value="Yes">Yes</input><br/>
<input type="radio" name="no" id="no" value="No">No</input><br/>

Ankur Bawiskar · ‎07-14-2022

@Rj27

for mandatory add required="true" to one of the tag

<label>select your option </label><br/>
<input type="radio" name="my_button" id="yes" value="Yes" required="true">Yes</input><br/>
<input type="radio" name="my_button" id="no" value="No">No</input><br/>

OR

try this

<label>select your option </label><br/>
<input type="radio" name="my_button" id="yes" value="Yes" required>Yes</input><br/>
<input type="radio" name="my_button" id="no" value="No">No</input><br/>

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

View solution in original post

suvro · ‎07-13-2022

Have only one radio button. If selected YES otherwise consider it as NO. Change the label from Select your option to a question whether to select Yes

Charles Louis1 · ‎07-13-2022

PLease try this

<label>select your option </label><br/>

Please Mark this as correct if its helpful.

Rj27 · ‎07-13-2022

how can i make this mandatory ? becasue these two are two different radio buttons. At the time of my submit i have to check either one of them is checked as true .

Charles Louis1 · ‎07-14-2022

you just need to add required=true