JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" id="foo" name=rob /><label for="foo">Foo</label> <br />
<input type="radio" id="bar" name=rob /><label for="bar">Bar</label> <br/>
<input type="radio" id="bra" name=rob /><label for="bra">Bra</label> <br />
<input type="radio" id="moo" name=rob /><label for="moo">Moo</label> <br />
<input type="radio" id="oof" name=rob /><label for="oof">oof</label> <br />
<input type="radio" id="sta" name=rob /><label for="sta">Sta</label> <br />
<input type="radio" id="rob" name=rob /><label for="rob">Rob</label> <br />
<input type="radio" id="meh" name=rob checked/><label for="bar">Meh</label>
CSS
.labelChecked{
background-color: lightgreen;
}
JavaScript
$('input[type="radio"]').each(function(){
if(/label/i.test($(this).next()[0].tagName) && this.name){
$(this).change(function(){
$('input[type="radio"][name="'+this.name+'"]').each(function(){
$(this).next()[this.checked?"addClass":"removeClass"]("labelChecked");
});
});
if(this.checked) $(this).next().addClass("labelChecked");
}
})