JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<fgroup class="fg1">
     <label for="input1">
         <input id="input1" type="radio" name="input_gr1" value="1">Один
     </label>
     <label for="input2">
         <input id="input2" type="radio" name="input_gr1" value="2">Два
     </label>
 </fgroup>
 <fgroup class="fg2">
     <label for="input3">
         <input id="input3" type="radio" name="input_gr2" value="1">Три
     </label>
     <label for="input4">
         <input id="input4" type="radio" name="input_gr2" value="2">Четыре
     </label>
 </fgroup>

CSS

fgroup {
  display: block;
  margin-bottom: 10px;
}

JavaScript

$('input').on('input change', function(){
        var q1 = $('input[name=input_gr1]:checked').val();
        var q2 = $('input[name=input_gr2]:checked').val();

    	  if (q1 == '1') {
            $('#input4').attr('checked', true);
            //console.log('1');

        } else if (q1 == '2') {
            $('#input3').attr('checked', true);
           // console.log('2');
        }

    });