How to place Require Filed on Radio or checkbox questions

I’m trying to make a scenario where you must choose one answer for radio or multiple answers checkboxes before submitting. When I try I end up making it so the user HAS to choose a specific answer which isn’t what I want.

Could you post the code?

<form action="/submit-cat-photo">

<label><input type=“radio” name="indoor-outdoor"required> Indoor</label>

<label><input type=“radio” name=“indoor-outdoor”> Outdoor</label><br>

<label><input type=“checkbox” name=“personality” > Loving</label>

<label><input type=“checkbox” name=“personality” required > Lazy</label>

<label><input type=“checkbox” name=“personality”> Energetic</label><br>

<input type=“text” placeholder=“cat photo URL” required>

<button type=“submit”>Submit</button>


Check this. I just used required on each of the radio button. You could now add a Submit button event in jQuery or JS to perform validation in case there are unselected radio s

1 Like

If you are trying to make it so at least one checkbox in a group of checkboxes are required, then I don’t believe you can do that without using JavaScript.

He is a (randomly selected) solution with Jquery

1 Like

hey thanks for your help man