JSFiddle - React, Tailwind, and code Playground

HTML

<body id="globalBody" style="width:100%;height:500px;background:rgba(0,0,0,.5)">
<input type="checkbox" id="myopt" />
    <p>click around</p>
</body>

JavaScript

/*$("#myopt").on("change", function (event) {
    if (this.checked) {
        alert("chekced");
        // do something
    } else {
        alert("not chekced");
        // do something
    }
});*/

$("#globalBody").on("click", function (event) {
    if($("#myopt").is(':checked'))
        alert('myopt is checked');
    else
        alert('myopt is not checked');
});