JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" name="test" />
<input type="radio" name="test" />
<input type="radio" name="test" />
<br />
<input type="radio" name="test2" />
<input type="radio" name="test2" />
<input type="radio" name="test2" />
<br />
<input type="radio" name="test3" />
<input type="radio" name="test3" />
<input type="radio" name="test3" />
<br /><br />
<input type="button" id="button" value="send" />
JavaScript
$(function () {
var button = $('#button').prop('disabled', true);
var radios = $('input[type="radio"]');
var arr = $.map(radios, function(el) {
return el.name;
});
var groups = $.grep(arr, function(v, k){
return $.inArray(v ,arr) === k;
}).length;
radios.on('change', function () {
button.prop('disabled', radios.filter(':checked').length < groups);
});
});