JSFiddle - React, Tailwind, and code Playground

by mblase75

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" checked /><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>
</form>

JavaScript

$("form").submit(function() {
    var submitme = true;
    $(':radio').each(function() {
        nam = $(this).attr('name');
        if (submitme && !$(':radio[name="'+nam+'"]:checked').length) {
            alert(nam+' group not checked');
            submitme = false;
        }
    });
    return submitme;
});