tengo un formulario en html y necesito que los inputs se vayan sumando cuando se va agregando valor a ellos (pierda el focus), lo he intentado con una clase de esta manera
function calcular_total() {
var importe_total = 0
$('.amt').keyup(function (){
$(".amt").each(
function(index, value) {
importe_total = importe_total + eval($(this).val());
console.log(importe_total);
}
);
});
$("#inputTotal").val(importe_total);
}
la funcion es llamada en el documen ready
$(document).ready(function(){
calcular_total();
});
html
<table>
<tr>
<td style="width:25%;">Costos Servicios</td>
<td style="width:25%;"><input type="text" id="inputCostosServicios" class="solo-numero amt" style="width:70% !important; text-align:right"/></td>
<td style="width:25%;">Costo Logistica</td>
<td style="width:25%;"><input type="text" id="inputCostoLogistica" class="solo-numero amt" style="width:70% !important; text-align:right"/></td>
</tr>
<tr>
<td style="width:25%;">Costo Infraestructura</td>
<td style="width:25%;"><input type="text" id="inputCostoInfraestructura" class="solo-numero amt" style="width:70% !important; text-align:right"/></td>
<td style="width:25%;">Costo Contingencia</td>
<td style="width:25%;"><input type="text" id="inputCostoContingencia" class="solo-numero amt" style="width:70% !important; text-align:right"/></td>
</tr>
<tr>
<td style="width:25%;">Costo Licencias</td>
<td style="width:25%;"><input type="text" id="inputCostoLicencias" class="solo-numero amt" style="width:70% !important; text-align:right"/></td>
<td style="width:25%;">Otros Costos</td>
<td style="width:25%;"><input type="text" id="inputOtrosCostos1" style="width:70% !important; text-align:right"/></td>
</tr>
<tr>
<td colspan="4"><div style="text-align:right; margin-right:7%;"><label style="margin-right:8px;">Total</label><input type="text" id="inputTotal" class="solo-numero" style="width:18% !important; margin-right:-2px; text-align:right"/></div></td>
</tr>
</table>