JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td><input name="[0].Sched" type="text" value="1" /></td>
<td><input name="[0].Comp" type="text" value="1" /></td>
<td><input name="[0].NoShow" type="text" value="1" /></td>
<td>Total: <input name="[0].TotalHours" type="text" value="0" /></td>
</tr>
<tr>
<td><input name="[1].Sched" type="text" value="0" /></td>
<td><input name="[1].Comp" type="text" value="0" /></td>
<td><input name="[1].NoShow" type="text" value="2" /></td>
<td>Total: <input name="[1].TotalHours" type="text" value="0" /></td>
</tr>
</table>
JavaScript
$('tr').each(function() {
var totalHours = 0;
$(this).find('input').each(function() {
if ($(this).attr("name").search("Sched") != -1
|| $(this).attr("name").search("Comp") != -1
|| $(this).attr("name").search("NoShow") != -1) {
totalHours += Number($(this).val());
}
});
$(this).find('input[name*="TotalHours"]').val(totalHours);
});