JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="a">
<input type="radio" name="a">
<input type="radio" name="a">
<input type="radio" name="a">|
<input type="radio" name="b">
<input type="radio" name="b">
<input type="radio" name="b">
<input type="radio" name="b">|
<input type="radio" name="c">
<input type="radio" name="c">
<input type="radio" name="c">
<input type="radio" name="c">
<input type="submit" id="submit" disabled>

CSS

ssdsd

JavaScript

$(function() {
                $('input[type="radio"]').change(function(){
                    var names = [];
                    var allChecked = true;
                    $('input[type="radio"]').each(function(){
                        if(names.indexOf($(this).attr('name')) === -1) {
                            names.push($(this).attr('name'));
                        }
                    });
                    for(var i = 0, cnt = names.length; i < cnt; i++) {
                        if(!$('input[name="' + names[i] + '"]').is(':checked')) {
                            allChecked = false;
                        }
                    }
                    if(allChecked) {
                        $('#submit').removeAttr('disabled');
                    }
                })
            });