JSFiddle - React, Tailwind, and code Playground
HTML
<form id="myform">
<input type="radio" name="a" value="lola">
<input type="radio" name="a" value="lolb">
<input type="radio" name="a" value="lolc">
<input type="radio" name="a" value="lold">
<input type="radio" name="a" value="lole">
<br>
<input type="radio" name="b" value="lol1">
<input type="radio" name="b" value="lol2">
<input type="radio" name="b" value="lol3">
<br>
<input type="radio" name="c" value="lol">
<input type="radio" name="c" value="lo312l">
<input type="radio" name="c" value="l123ol">
<input type="radio" name="c" value="l121312ol">
<br>
<input type="radio" name="d" value="lzzol">
<input type="submit" value="SUBMIT!!!">
</form>
JavaScript
function validate() {
function add() {
if (this.checked)
remaining[this.name] = true;
}
function remove() {
if (this.checked)
delete remaining[this.name];
}
debugger;
var form = $(this), remaining = {}, errors = [];
form.find(':radio').each(add);
for (var i in remaining) {
errors.push ('Please check ' + i);
}
if (errors.length) {
alert (errors.join('\n'));
return false;
}
}
$('#myform').submit(validate);