JSFiddle - React, Tailwind, and code Playground

HTML

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


<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" /><label for="12-MAY-12-reject" class="redLabel">Reject</label>

<br><br>



<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>


<br><br>
        

<button type="submit">Submit form</button>
    
<div class="errorDiv">
 
</div>    
    
</form>

CSS

.error {
    color: red;
}

.errorDiv
{
    display:none;
}

JavaScript

$("form").submit(function() {
    var html = '';
    var submitme = true;
    $(':radio').each(function() {
        nam = $(this).attr('name');
        if (!$(':radio[name="'+nam+'"]:checked').length) {
            $(':radio[name="'+nam+'"]+label').addClass('error');
            if(html.indexOf(nam) < 0){
                html += nam +' group not checked' + '</br>';
            }
            submitme = false;
        }
    });
    if(submitme == false){
       $('.errorDiv').empty().append(html).show().addClass('error');
    }
    else{
      $('.errorDiv').hide();
    }
    
    return submitme;
});