JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>asfdjsanfjkdsajkfsdkjfjksdfj dfjdshfjsdjfhjsdhfjkshdjfsdf sdakjflkdsjfklsdjkfjklsdf</p>
    <li>
        <input type="radio" name="radio" id="id1" value="Радио1">
        Red
        <input type="radio" name="radio" id="id2" value="Радио2">
        Blue
    </li>
</div>

CSS

div {
    height: 150px;
    background: yellow;
}

.red {
    background: red;
}

.blue {
    background: blue;
}

JavaScript

$(function() {
    
    $('#id1').on('click', function() {
        var foo=$(this).closest('div');
        foo.removeAttr('class');
        foo.addClass('red');
    })
    $('#id2').on('click', function() {
        var foo=$(this).closest('div');
        foo.removeAttr('class');
        foo.addClass('blue');
    })
});