JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
    
    <input type="radio" name="r1" value="v1" />
    <input type="radio" name="r1" value="v2" />
    <input type="radio" name="r1" value="v3" />
    
    <input type="radio" name="r2" value="v1" />
    <input type="radio" name="r2" value="v2" />
    <input type="radio" name="r2" value="v3" />
    
    <input type="radio" name="r3" value="v1" />
    <input type="radio" name="r3" value="v2" />
    <input type="radio" name="r3" value="v3" />
</div>
<input type="button" id="btn" value="ok"/>

JavaScript

$('#btn').click(function() {
    var checked = $("#div1 :radio:checked");
    var groups = [];
    $("#div1 :radio").each(function() {
        if (groups.indexOf(this.name) < 0) {
            groups.push(this.name);
        }
    });
    if (groups.length == checked.length) {
        alert('all are checked!');
    }
    else {
        var total = groups.length - checked.length;
        alert(total + ' group(s) are not selected');
    }
});