JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="checkbox" name="check1" value="check1" />
    <button id="toggle">toggle</button>
</div>

JavaScript

$(document).on('click', 'button', function () {
    var $input = $("input[name=check1]")
    $input.prop('checked', !$input.prop('checked'))
})

$(document).on('change', 'input:checkbox', function () {
    alert('on change')
})