tengo esta tabla donde agrego valores numéricos y quiero poder sumar la columna que tiene la clase gr y la clase cost y que los valores sumados de cada columna aparezcan en textbox separados, las filas son incrementables, aquí dejo el código:
<div class="container">
<input type="button" value="Add" onClick="addRow('dataTable')"/>
<form name="add_name" id="add_service">
<table id="dataTable" class="form" border="1">
<tbody>
<tr id='row_0'>
<td>
<label>Service</label>
<input type="text" required="required" name="service[]">
</td>
<td>
<label>Quantity</label>
<input type="text" class="qty" required="required" name="qty[]" oninput="calculate('row_0')">
</td>
<td>
<label for="price">Price</label>
<input type="text" class="cost" required="required" name="cost[]" oninput="calculate('row_0')">
</td>
<td>
<label for="gr">gr</label>
<input type="text" class="gr" required="required" name="gr[]" oninput="calculate('row_0')">
</td>
<td>
<label for="total">Total</label>
<input type="text" class="subtotal" required="required" name="subtotal[]">
</td>
<td>
<input type="button" class="remove" value="Remove" onclick="removeRow('dataTable', '0');">
</td>
</tr>
</tbody>
</table>
<div>
<input type="text" class="" id="total_gr">
<input type="text" class="" id="total_cost">
<input type="text" class="" id="grand_total">
</div>
<input type="button" name="submit" id="submit" class="btn btn-info" value="Submit"/>
</form>
</div>