JSFiddle - React, Tailwind, and code Playground

by StepBaro

HTML

<form>
  <div class="division">1
   <input type="radio" name="radio1" value="false" />
  <input type="radio" name="radio1" value="true" />
  </div>
 
<div class="division test">2
   <input type="radio" name="radio2" value="false" />
  <input type="radio" name="radio2" value="true" />
  </div>
  
  <div class="division">3
   <input type="radio" name="radio3" value="false" />
  <input type="radio" name="radio3" value="true" />
  </div>

</form>
<a href="#">click</a>

CSS

.test{
  display:none;
}

JavaScript

$(document).ready(function() {
  $("a").click(function(e) {
    e.preventDefault();
    var all_answered = true;
    $("input:radio").each(function() {
      var name = $(this).attr("name");
      if (($("input:radio[name=" + name + "]:first").parent().is(':visible')) &&
	  		($("input:radio[name=" + name + "]:checked").length == 0)) {
        all_answered = false;
      }
    });
    alert(all_answered);
  })
});