estoy desarrollando un formulario con lineas de detalle.. El problema es que no consigo obtener los totales de las columnas.. (sumatorias totales)
Como se muestra en la imagen deseo obtener la sumatoria de "prec_oz" y mandarlo en el input "peso Ozs", que seria : 3,295.5 del mismo modo para la columna "total" , que igualmente seria "11254.841 + 544.59 = 11,799.431 ... El problema que no logro realizarlo T.T........
codigo HTML `
<table id="laboratorios"
class="table table-striped table-bordered order-list-trabajovarios">
<thead>
<tr>
<th>Orden</th>
<th>Lote</th>
<th>Grs</th>
<th>Fineza</th>
<th>Grs_Pagables</th>
<th>Prec_Oz</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input name="detalleVario[0].orden" id="travar-0-trabajo" class="input-group has-success">
</td>
<td>
<input name="detalleVario[0].lote" id="travar-0-lote" class="input-group has-success">
</td>
<td>
<input name="detalleVario[0].grs" id="travar-0-grs" class="input-group has-success" onfocusout="focusoutTraVarCantidad(0)">
</td>
<td>
<input name="detalleVario[0].precio" id="travar-0-precio" class="input-group has-success" value="99.97" readonly="readonly"
style='background-color: rgba(239, 239, 239, 0.3); border-radius: 2px; border: 1px solid rgba(118, 118, 118, 0.2); cursor: default;'>
</td>
<td>
<input name="detalleVario[0].total" id="travar-0-total" class="input-group has-success" readonly="readonly"
style='background-color: rgba(239, 239, 239, 0.3); border-radius: 2px; border: 1px solid rgba(118, 118, 118, 0.2); cursor: default;'>
</td>
<td>
<input name="detalleVario[0].prec_Oz" id="travar-0-prec_Oz" class="input-group has-success" onfocusout="focusoutTraVarCantidad2(0)">
</td>
<td>
<input name="detalleVario[0].total2" id="travar-0-total2" class="input-group has-success" readonly="readonly"
style='background-color: rgba(239, 239, 239, 0.3); border-radius: 2px; border: 1px solid rgba(118, 118, 118, 0.2); cursor: default;'>
</td>
<td>
<button class="ibtnDel btn btn-danger">
<i class="material-icons">close</i> Quitar
</button>
</td>
</tr>
</tbody>
</table>
<button class="btn btn-success" type="button"
onClick="addTrabajosVarios();">
<span class="btn-label"> <i class="material-icons">check</i>
</span> Agregar
</button>
</div>
</div>
</div>
</div>`
y en el java script utilizo las siguientes funciones para que me calculen ciertas columnas :
function addTrabajosVarios() {
var newRow = $("<tr>");
var cols = "";
cols += '<td><input name="detalleVario['+countTraVar+'].orden" type="text" id="travar-' + countTraVar + '-orden" class="input-group has-success" /></td>';
cols += '<td><input name="detalleVario['+countTraVar+'].lote" type="text" id="travar-' + countTraVar + '-lote" class="input-group has-success" /></td>';
cols += '<td><input name="detalleVario['+countTraVar+'].grs" type="text" id="travar-' + countTraVar + '-grs" class="input-group has-success" onfocusout="focusoutTraVarCantidad(' + countTraVar + ')" /></td>';
cols += '<td><input name="detalleVario['+countTraVar+'].precio" type="text" id="travar-' + countTraVar + '-precio" class="input-group has-success" value="99.97" readonly="readonly" style="background-color: rgba(239, 239, 239, 0.3); border-radius: 2px; border: 1px solid rgba(118, 118, 118, 0.2); cursor: default;" /></td>';
cols += '<td><input name="detalleVario['+countTraVar+'].total" type="text" id="travar-' + countTraVar + '-total" class="input-group has-success" readonly="readonly" style="background-color: rgba(239, 239, 239, 0.3); border-radius: 2px; border: 1px solid rgba(118, 118, 118, 0.2); cursor: default;" /></td>';
cols += '<td><input name="detalleVario['+countTraVar+'].prec_Oz" type="text" id="travar-' + countTraVar + '-prec_Oz" class="input-group has-success" onfocusout="focusoutTraVarCantidad2(' + countTraVar + ')" /></td>';
cols += '<td><input name="detalleVario['+countTraVar+'].total2" type="text" id="travar-' + countTraVar + '-total2" class="input-group has-success" readonly="readonly" style="background-color: rgba(239, 239, 239, 0.3); border-radius: 2px; border: 1px solid rgba(118, 118, 118, 0.2); cursor: default;" /></td>';
cols += '<td style="display: none;"><input name="detalleVario['+countTraVar+'].tipo" id="travar-'+countTraVar+'-tipo" type="hidden" value="TVA" readonly="readonly"></td>';
cols += '<td><button class="ibtnDel btn btn-danger"> <i class="material-icons">close</i> Quitar </button></td>';
newRow.append(cols);
$("table.order-list-trabajovarios").append(newRow);
countTraVar++;
countDeleteTraVar++;
}
$("table.order-list-trabajovarios").on("click", ".ibtnDel", function(event) {
$(this).closest("tr").remove();
countDeleteTraVar -= 1
});
let floatTotal=0;
function focusoutTraVarCantidad(numero) {
var idCantidad = "#travar-" + numero + "-grs";
var valueCantidad = parseFloat($(idCantidad).val());
if (!isNaN(valueCantidad)) {
var idTotal = "#travar-" + numero + "-total";
floatTotal = (valueCantidad * (99.97/100));
var fltotal = (valueCantidad * (99.97/100)).toLocaleString();
$(idTotal).val(fltotal);
}
}
function focusoutTraVarCantidad2(numero) {
var idPrec_Oz = "#travar-" + numero + "-prec_Oz";
var valuetotal2 = parseFloat($(idPrec_Oz).val());
if (!isNaN(valuetotal2)) {
var idTotals2 = "#travar-" + numero + "-total2";
var floatTotal2 = (valuetotal2 * (floatTotal / (31.1035) )).toLocaleString();
$(idTotals2).val(floatTotal2);
}
}
De ante mano agradezco el apoyo. Saludos!