JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
<input type="radio" name="group1" value="1">
<input type="radio" name="group1" value="2">
<input type="radio" name="group1" value="3">
</fieldset><fieldset>    
<input type="radio" name="group2" value="1">
<input type="radio" name="group2" value="2">
<input type="radio" name="group2" value="3">
</fieldset><fieldset>    
<input type="radio" name="group3" value="1">
<input type="radio" name="group3" value="2">    
<input type="radio" name="group3" value="3">
</fieldset>
<input name="test" value="0"><br>    
    <button id="calc">значения</button>

JavaScript

var inputs = document.getElementsByTagName('input');
var values = {group1: 0, group2: 0, group3: 0, input: 0};

for (i=0; i < inputs.length; i++) {    
    inputs[i].onchange = function() {
        if (this.type == 'radio')
            values[this.name] = this.value;
        else
           values['input'] = this.value
    }    
} 
document.getElementById('calc').onclick = function() {    
    for(prop in values){
        alert('значение '+prop+': '+parseInt(values[prop]));
    }
}