JSFiddle - React, Tailwind, and code Playground

HTML

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

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

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

CSS

ul {margin: 10px 0;}

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

JavaScript

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