JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<table>
<tr>
<td>
  <label><input type="radio" name="VT2" value="1" checked />1</label>
  <label><input type="radio" name="VT2" value="2"/>2</label>&nbsp;
  <label><input type="radio" name="VT2" value="3"/>3</label>&nbsp;
</td>
</tr>
<tr>
<td>
  <label><input type="radio" name="VT22" value="1" />1</label>
  <label><input type="radio" name="VT22" value="2"/>2</label>&nbsp;
  <label><input type="radio" name="VT22" value="3"/>3</label>&nbsp;
</td>
</tr>
</table>

JavaScript

$('[name="VT2"]').change(function() {
  var secondRadioGroup = $('[name="VT22"]');
  var checkedValue = $('[name="VT2"]:checked').val();
  
  for(var i=0; i<= secondRadioGroup.length -1; i++) {
  
  	if( checkedValue === secondRadioGroup[i].value ) {
    
    	secondRadioGroup[i].setAttribute('checked', true);
      secondRadioGroup[i].setAttribute('value', checkedValue);
      
    }
  }
  
});