JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inpWrap">
    <div class="inp">
        <input type="radio" checked="checked" name="n" class="r" id="r-1">
        <label for="r-1">Radio button 1</label>
    </div>
    <div class="inp">
        <input type="radio" name="n" class="r" id="r-2">
        <label for="r-2">Radio button 2</label>
    </div>
</div>

CSS

.sel {
    background:#ddd;
}

JavaScript

$('.r:checked').closest('.inp').addClass('sel');
$(document).on({
    change : function(){
        var inpWrap = $(this).closest('.inpWrap');
        inpWrap.find('.inp').removeClass('sel');
        inpWrap.find('.r:checked').closest('.inp').addClass('sel');
    }
}, '.r');