JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<form method="POST" action="/echo/html/?html=;delay=3;">

<div class="radio_group">
<input type="radio" name="12-MAY-12[approved]" id="12-MAY-12-approve" value="approve"  /><label for="12-MAY-12-approve">Approve</label>

<input type="radio" name="12-MAY-12[approved]" id="12-MAY-12-reject" value="reject" checked /><label for="12-MAY-12-reject" class="redLabel">Reject</label>
    </div>
<br><br>

<div class="radio_group">

<input type="radio" name="14-MAY-12[approved]" id="14-MAY-12-approve" value="approve"  /><label for="14-MAY-12-approve">Approve</label>

<input type="radio" name="14-MAY-12[approved]" id="14-MAY-12-reject" value="reject"  /><label for="14-MAY-12-reject" class="redLabel">Reject</label>

</div>
<br><br>
        

<button type="submit">Submit form</button>
</form>

JavaScript

$("form").submit(function() {
    var allChecked = true;
    $('.radio_group').each(function() {
        if(!$(':radio', this).is(':checked')) {
          allChecked = false;
          return false;
        }
    });
    if(!allChecked) {
       alert('not all selected');  
       return false;        
    } else {
       alert('all selected');
    }
});