JSFiddle - React, Tailwind, and code Playground
HTML
<form method="POST" action="/echo/html/?html=;delay=3;">
<input name="show[1]" type="radio" value="1" /> Show<br>
<input name="show[1]" type="radio" value="0" /> Hide<br>
<input name="show[2]" type="radio" value="1" /> Show<br>
<input name="show[2]" type="radio" value="0" /> Hide<br>
<input name="show[n]" type="radio" value="1" /> Show<br>
<input name="show[n]" type="radio" value="0" /> Hide<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;
});