JSFiddle - React, Tailwind, and code Playground

by Nikita

HTML

<p>
<input type='radio' name='r1' id='r_1_1' class='concattest' checked='checked' />
<input type='radio' name='r1' id='r_1_2' class='concattest' />
<input type='radio' name='r1' id='r_1_3' class='concattest' />
<input type='radio' name='r1' id='r_1_4' class='concattest' />
</p>
<p>
<input type='radio' name='r2' id='r_2_1' checked='checked' class='statictest' />
<input type='radio' name='r2' id='r_2_2' class='statictest' />
<input type='radio' name='r2' id='r_2_3' class='statictest' />
<input type='radio' name='r2' id='r_2_4' class='statictest' />
</p>

JavaScript

$(".statictest").on("change", function(event)
{
    $('#r_1_4').prop('checked', true);
}); 

$(".concattest").on("change", function(event)
{
    var radioid=event.target.id.split("_");
    $('#r_2_'+radioid[2]).prop('checked', true);
});