JSFiddle - React, Tailwind, and code Playground

HTML

<table id='consignment_list' class="consignment_list_tbl">
<colgroup width='20'> </colgroup>
<thead>
<tr>
<th>Select All <input type='checkbox' name='checkall'>  </th>
<th>Status</th>
<th>Packages</th>
<th>HAWB</th>
<th>AWB</th>
<th>Consignee Name</th>
<th>City</th>
<th>Country</th>
<th>Weight</th>
<th>No of Pieces</th>
<th>Piece ID</th>
<th>Hold</th>
<th>Heavy Weight</th>
</tr>
</thead>
<!-- table foot -->
<tfoot>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tfoot>

<tbody>
<tr style="background-color: red;color: black;" id="<?php  echo $parcel-
>getLicencePlate()?>" name="<?php echo $consignment->getAwb()?>">
<td id="c"> 
<input type=checkbox id= "deleteConsignments1" name="deleteConsignments[]" onclick="row_color(this)" value="<?php   $consignment->getId()?> "  /> </td>

<td class="colPieces">11</td>
<td><a href='../main/consignment_edit.php?from=client&id=<?php echo  
$consignment->getId(); ?>' style="color: white;">
<td>345345</td>
<td>4444</td> 
<td>4444</td>
<td>4444</td>
<td>4444</td>
<td>4444</td>
<td>44</td>
<td>4444</td>
<td>
<input class="hold" type=checkbox onclick="row_colorHold(this)" name="hold[]" id="hold1" value="<?php echo $consignment->getId(); ?>" ></td>

<td><input type='checkbox' name='heavyweight[]' id="heavyweight" value="<?
 php echo $consignment->getId(); ?>"></td>
</td>
</tr>
</tbody>
</table>

JavaScript

$(document).ready(function() {
    $(".hold").click(function() {
        var value = $(this).val();
        alert(value);
    });
});