JSFiddle - React, Tailwind, and code Playground

HTML

<form id="mangementform" name="mangementform" novalidate="novalidate">
   <div class="field_whit_bg">
      <div class="spn-xs-04 fileter_ch" id="chk1div" style="display: block;">
         <div class="field_group_secondary">
            <div class="row">
               <input type="checkbox" id="searchcheckboxid" name="tp">
               <label for="chk1">
                  <div></div>
               </label>
            </div>
         </div>
      </div>
      <div class="spn-xs-19">
         <div class="field_group_secondary">
            <div class="row">
               <label class="field_title">Search</label>
               <input class="field_input required my-valid-class" id="empid" name="empid" maxlength="40" onkeypress="return  restrictPercentAnd(event);">
            </div>
         </div>
      </div>
     
</form>

<div class="field_whit_bg padd_none" style="margin-top:20px;">
   <table class="table table-striped marg_none">
      <thead>
         <tr>
            <th width="6%"></th>
            <th width="18.8%">Employee ID </th>
            <th width="18.8%">Name</th>
            <th width="18.8%">Phone</th>
            <th width="18.8%">Email</th>
            <th width="10%">Depot</th>
         </tr>
      </thead>
      <tbody id="managementtablebody">
         <tr>
            <td class="text-center">
                <input type="checkbox" checked id="124"/>
               <label for="124" class="padd_none marg_none">
                  <div></div>
               </label>
            </td>
            <td>124</td>
            <td>Mark</td>
            <td>2147483647</td>
            <td>mark@gmail.com</td>
            <td>Depot2</td>
         </tr>
          
            <tr>
            <td class="text-center">
                <input type="checkbox" checked id="125"/>
               <label for="125" class="padd_none marg_none">
                  <div></div>
               </label>
            </td>
            <td>125</td>
           ...

JavaScript

$(document).on('change','input[type="checkbox"]' ,function(){

alert('Clicked on Table Checkbox');    
    
});