JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr id="childr1">
        <td>
            <input type="checkbox" id="childinput1" />
        </td>
    </tr>
    <tr id="childr2">
        <td>
            <input type="checkbox" id="childinput2" />
        </td>
    </tr>
</table>

JavaScript

//attach an event "click" by delegation
$(document).delegate("#childinput1", "click.test", function (e) {
    // prevent default if this event was triggered
    if (!!e.isTrigger) {
     e.preventDefault();   
    }
    alert('in delegated  "click" event handler');
});
testTrigger();

function testTrigger() {
    $("#childinput1").trigger("click.test");
}