JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
</head>
<body>
<div><input type="radio" name="newsletter" />Hourly</div>
<div><input type="radio" name="newsletter" />Daily</div>
<br />
<div><input type="radio" name="newsletter2" />Weekly</div>
<div><input type="radio" name="newsletter2" />Monthly</div>
<div><input type="radio" name="newsletter2" />Yearly</div>
</body>
</html>
CSS
.style1
{
background: red;
}
JavaScript
$(document).ready(function () {
$('input').click(function () {
$('input:not(:checked)').parent().removeClass("style1");
$('input:checked').parent().addClass("style1");
});
});