JSFiddle - React, Tailwind, and code Playground

by core972

HTML

<input type="checkbox" id="myCheckBox" />
<br />
<input type="button" id="someLink" value="change checkbox" />

JavaScript

document.getElementById('myCheckBox').addEventListener('change',function() {
    console.log('Changed!');
});
document.getElementById('someLink').onclick = function() {
    var box = document.getElementById('myCheckBox')
    box.checked = !box.checked;
    
    if ("createEvent" in document) {
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent("change", false, true);
        box.dispatchEvent(evt);
    } else {
        box.fireEvent("onchange");
    }
};