JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myForm" action="">
    <fieldset onclick="selectRadio(this, [1, 2]);">
        <legend>блок 1</legend>
        <input type="radio" name="radio_1" value="1" />
        <input type="radio" name="radio_1" value="2" />
        <input type="radio" name="radio_1" value="3" />
    </fieldset>
    <fieldset onclick="selectRadio(this, [0]);">
        <legend>блок 2</legend>
        <input type="radio" name="radio_2" value="1" />
        <input type="radio" name="radio_2" value="2" />
        <input type="radio" name="radio_2" value="3" />
    </fieldset>
    <fieldset onclick="selectRadio(this, [0]);">
        <legend>блок 3</legend>
        <input type="radio" name="radio_3" value="1" />
        <input type="radio" name="radio_3" value="2" />
        <input type="radio" name="radio_3" value="3" />
    </fieldset>
</form>

<script type="text/javascript">
function selectRadio(elem, off) {
    var form = elem.parentNode;
    var fieldsets = form.getElementsByTagName('fieldset');
    
    for (var i = 0; i < off.length; i++) {
        var fieldset = fieldsets[off[i]];
        var inputs = fieldset.getElementsByTagName('input');
        
        for (var j = 0; j < inputs.length; j++) {
            var input = inputs[j];
            
            if (input.type == 'radio') {
                input.checked = false;
            }
        }
    }
}
</script>

CSS

body {
    margin: 10px;
}

fieldset {
    padding: 10px;
    border: silver 1px solid;
}

legend {
    margin: 0 5px;
}