JSFiddle - React, Tailwind, and code Playground

by insin

HTML

<form>
<h3> Rating of the film </h3>
<input type="radio" name="rating" value="18">18 <br>
<input type="radio" name="rating" value="15">15 <br>
<input type="radio" name="rating" value="PG">PG <br>
</form>
<input type="button" id="getValue" value="Get Value">

JavaScript

function getRadioValue(form, name) {
  var radios = form.elements[name]
  for (var i = 0, l = radios.length; i < l; i++) {
    if (radios[i].checked) { return radios[i].value }
  }
}

document.getElementById('getValue').addEventListener('click', function() {
  alert(getRadioValue(document.forms[0], 'rating'))
})