JSFiddle - React, Tailwind, and code Playground

by barrycorrigan

HTML

<html>
<head>
<title>Add Class</title>
</head>
<body>
<ul class="radioGroup">
                <li class="radioOption">
                    <input checked="checked" class="petspecieradio" id="Enquiry_Pets_0" name="Enquiry.Pets" type="radio" value="100">
                    <label for="Enquiry_Pets_0">Dog</label>
                </li>
                <li class="radioOption">
                    <input class="petspecieradio" data-value="Cat" id="Enquiry_Pets_1" name="Enquiry.Pets" type="radio" value="101">
                    <label for="Enquiry_Pets_1">Cat</label>
                </li>
        </ul>
</body>
</html>

JavaScript

$(document).ready(function () {
	$(document).on('click', 'input.petspecieradio:radio', function () {
        if (this.checked) {
            $('body').addClass('editmode');
        }
    });
});