Radio button validation in JavaScript

by shraddhapaghdar

HTML

<form onsubmit="return (checkForm())" name="userForm">
  <input type="radio" id="male" name="gender" value="Male">
  <label for="male">Male</label><br>
  <input type="radio" id="female" name="gender" value="Female">
  <label for="female">Female</label><br>
  <input type="radio" id="other" name="gender" value="Other">
  <label for="other">Other</label>
 <input type="submit" value="Submit">
</form>

JavaScript

function checkForm() {
document.preventDefault();
let chosenOption = "";
const len = document.userForm.gender.length;

for (i = 0; i < len; i++) {
  if (document.userForm.gender[i].checked) {
    chosenOption = document.userForm.gender[i].value
  }
}

if (chosenOption == "") {
  alert("Please choose your gender!");
  return false;
} else {
console.log(chosenOption)
return true
	}
}