JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li class="asd">
<label>
<input value="1" type="radio" class="variant_radiobutton" />123
</label> </li>
<li>
<label>
<input value="2" type="radio" class="variant_radiobutton" />321
</label>
</li>
</ul>
CSS
.asd{
background: gray;
}
.active{
background: black;
}
JavaScript
$(function() {
$('.variant_radiobutton').click(function() {
$(this).parents('ul').find('li').removeClass("active");
$(this).parents('li').addClass("active");
})
});