JSFiddle - React, Tailwind, and code Playground

by brunoais

HTML

<div id="checkboxParent">
<input id="checkbox" type="checkbox"/>
</div>
<br />

<a id="link" href="#">Click here to toggle checkbox state</a>

JavaScript

document.getElementById('checkbox').addEventListener("change", function(e) {
    alert(e.target.checked);
}, false);


document.getElementById('link').addEventListener('click', function(e) {
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", true, true ); // event type,bubbling,cancelable
    document.getElementById('checkbox').dispatchEvent(evt);
    e.preventDefault();
}, false);