JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><input type="radio" name="i1" value="1"> инпут 1</li>
    <li><input type="radio" name="i1" value="2"> инпут 2</li>
    <li><input type="radio" name="i1" value="3"> инпут 3</li>
    <li><input type="radio" name="i1" value="4"> инпут 4</li>
</ul>

<ul>
    <li><input type="radio" name="i2" value="1"> инпут 1</li>
    <li><input type="radio" name="i2" value="2"> инпут 2</li>
    <li><input type="radio" name="i2" value="3"> инпут 3</li>
    <li><input type="radio" name="i2" value="4"> инпут 4</li>
</ul>

<ul>
    <li><input type="radio" name="i3" value="1"> инпут 1</li>
    <li><input type="radio" name="i3" value="2"> инпут 2</li>
    <li><input type="radio" name="i3" value="3"> инпут 3</li>
    <li><input type="radio" name="i3" value="4"> инпут 4</li>
</ul>

CSS

ul {margin: 10px 0;}

li {padding: 5px; background: lightgreen;}
li.radioOn {background: pink;}

JavaScript

$('input[type="radio"]').change(function() {
    $(this).closest('ul').find('li').removeClass('radioOn');
    $(this).parent().addClass('radioOn');
});