JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<table id="tblCTCProducts">
  <tbody>
    <tr>
      <td>
        <label for="HelloWorld">
          Hello World:
        </label>
        <input placeholder="click me hard!" id="chkSelectAll" name="HelloWorld">
      </td>
    </tr>
  </tbody>
</table>

CSS

input {
  z-index: 1;
}

JavaScript

$(document).on("click", "#chkSelectAll", function (e) {
     window.alert("Test from first");
 });
 
$(document).on("click", "#tblCTCProducts tbody tr input", function (e) {
    window.alert("Test from second");
});