JSFiddle - React, Tailwind, and code Playground

by Ralph Echter

HTML

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

CSS

label.active { background-color: #FFFF00; }

JavaScript

$(function() {
    $('input:radio[name="sex"]').change(function() {
        if (this.checked) {
            $(this).prev('label').addClass('active').siblings('label').removeClass('active')
        }
    });
});