JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<form action="#n" name="theForm">

    <label for="gender">Gender: </label>
    <input type="radio" id="genderS" value="1" checked> Male
    <input type="radio" id="genderS" value="0" > Female<br><br>
    <a href="javascript: submitForm()">Search</A>
</form>

JavaScript

function submitForm() {

var radios = document.getElementById('genderS');

for (var i = 0, length = radios.length; i < length; i++)
{
 if (radios[i].checked)
 {
  // do whatever you want with the checked radio
  alert(radios[i].value);

  // only one radio can be logically checked, don't check the rest
  break;
 }
}
}