Estoy haciendo una funcion donde voy cargando cuotas en una tabla. Luego en la misma puedo editar descuento y recarga. esto calcula un subtotal. y luego el total. me anda todo perfecto menos cuando quiero sumar el recargo. es decir cuando resto el descuento lo hace bien, pero cuando quiero sumar el recargo me lo concatenar en lugar de sumar. Ya probe con parsefloat pero tampoco funcion. Dejo el codigo por si sirve de referencia.
function agregarDetalle(idcategoria,nombre,valor_cuota){
var descuento=0;
var recargo=0;
var subtotal =0;
if (idcategoria!="") {
var subtotal= valor_cuota;
var fila='<tr class="filas" id="fila'+cont+'">'+
'<td><button type="button" class="btn btn-danger" onclick="eliminarDetalle('+cont+')">X</button></td>'+
'<td><input type="text" style="width:80px;" name="idpersona" value="" readonly></td>'+
'<td><input type="number" style="width:80px;" name="valor_cuota[]" id="valor_cuota[]" value="'+valor_cuota+'" readonly></td>'+
'<td><input type="number" style="width:80px;" name="anio[]" id="anio[]" value=""></td>'+
'<td><input type="number" style="width:80px;" name="mes[]" id="mes[]" value=""></td>'+
'<td><input type="number" style="width:80px;" name="descuento[]" value="'+descuento+'"></td>'+
'<td><input type="number" style="width:80px;" name="recargo[]" value="'+recargo+'"></td>'+
'<td><span id="subtotal'+cont+'" name="subtotal">'+subtotal+'</span></td>'+
'<td><button type="button" onclick="modificarSubtotales()" class="btn btn-info"><i class="fa fa-refresh"></i></button></td>'+
'</tr>';
cont++;
detalles++;
$('#detalles').append(fila);
modificarSubtotales();
}else{
alert("error al ingresar la cuota, revisar las datos cargados");
}
}
function modificarSubtotales(){
var vc=document.getElementsByName("valor_cuota[]");
var desc=document.getElementsByName("descuento[]");
var rec=document.getElementsByName("recargo[]");
var sub=document.getElementsByName("subtotal");
for (var i = 0; i < cont; i++) {
var inpP=vc[i];
var inpS=sub[i];
var des=desc[i];
var rec=rec[i];
inpS.value=inpP.value-des.value +rec.value ;
document.getElementsByName("subtotal")[i].innerHTML=inpS.value;
}
calcularTotales();
}
inpS.value=inpP.value-des.value +rec.value
? Deberías hacerparse
de todos los valores que ahí intervienen.inpP.value
, endes.value
y enrec.value
? ¿Verificaste esos valores conconsole.log
?0
por si acaso alguno no es numérico, porque eso rompería la operación posterior. Para no hacer demasiado lío, puedes recuperar el dato delvalue
en las variables con algo así:var inpP=parseFloat(vc[i].value) || 0; var des=parseFloat(desc[i].value) || 0; var rec=parseFloat(rec[i].value) || 0;
y luego en la operación ya no usasvalue
, sino las variables:inpS.value=inpP-des+rec ;