JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="check">
<input type="button" onclick="buttonClick()" value="Check">

JavaScript

function manual_click() {
    $("input[name='check']").prop('checked', true);
}

function trigger_change() {
    $("input[name='check']").trigger('change')
}

function buttonClick() {
    manual_click()
    trigger_change()
}
$(document).ready(function () {
    $("input[name='check']").on('change', function () {
        alert('check');
    });

});