JSFiddle - React, Tailwind, and code Playground
by Rahul Sharma
HTML
<table cellspacing="0" cellpadding="0" border="0" width="100%" class="tbl_beautify tbl_layout_fixed" id="tbl_edi_mapping">
<tbody>
<tr>
<th width="4%" class="align_center" scope="col">
<input type="checkbox" onclick="SelectAllCheckboxes(this);" class="allCheckbox" id="chkSelectAll">
</th>
<th width="69%" scope="col">Value</th>
<th width="25%" scope="col">Client Carrier Code</th>
</tr>
<tr>
<td class="align_center">
<input type="checkbox" checked="checked" class="allCheckbox" id="chkSelect">
<input type="hidden" class="hfid" value="9" id="hfID">
<input type="hidden" class="hfValueid" value="9" id="hfValueId">
</td>
<td><span title="Children Only" id="lblValue">Children Only</span>
</td>
<td>
<input type="text" value="abcd" class="width_90_per" id="txtCustomValue">
</td>
</tr>
<tr>
<td class="align_center">
<input type="checkbox" class="allCheckbox" id="chkSelect">
<input type="hidden" class="hfid" value="10" id="hfID">
<input type="hidden" class="hfValueid" value="null" id="hfValueId">
</td>
<td><span title="Dependents Only" id="lblValue">Dependents Only</span>
</td>
<td>
<input type="text" value="" class="width_90_per" id="txtCustomValue">
</td>
</tr>
<tr>
<td class="align_center">
<input type="checkbox" class="allCheckbox" id="chkSelect">
<input type="hidden" class="hfid" value="19" id="hfID">
<input type="hidden" class="hfValueid" value="null" id="hfValueId">
</td>
<td><span title="Employee and Children" id="lblValue">Employee and Children</span>
</td>
<td>
...
JavaScript
$(document).ready(function () {
$('#tbl_edi_mapping input:checkbox:checked').each(function () {
console.log($(this).closest('tr').html());
});
});