radio button required in html code example
Example 1: radio button required
One input with required attribute is enough.
<form>
Select Gender:
<label><input type="radio" name="gender" value="male" required>Male</label>
<label><input type="radio" name="gender" value="female">Female</label>
<label><input type="radio" name="gender" value="other">Other</label>
<input type="submit">
</form>
Example 2: how to add select only one radio button in html
<input type="radio" name="nameA" id="nameA" value="nameA">
<label for="nameA">Choice A</label>
<input type="radio" name="nameB" id="nameB" value="nameB">
<label for="nameB">Choice B</label>
Example 3: how to put required in radio button
<form method="post" action="/Tests/Post" onsubmit="return ValidateForm();"> <fieldset> <legend>What is Your Favorite Pet?</legend> <input type="radio" name="favorite_pet" value="Cats" checked>Cats<br> <input type="radio" name="favorite_pet" value="Dogs">Dogs<br> <input type="radio" name="favorite_pet" value="Birds">Birds<br> <br> <input type="submit" value="Submit now"> </fieldset></form><script type="text/javascript">function ValidateForm(){ var radioButtons = document.getElementsByName("favorite_pet"); for(var i = 0; i < radioButtons.length; i++) { if(radioButtons[i].checked == true) { if(confirm("You have selected " + radioButtons[i].value + " as your favorite pet. Is that correct?")) return true; else return false; } }}</script>