Estoy estancado en lo siguiente: necesito hacer una sumatoria de los valores que tienen los inputs number, para con esto hacer una comparación con el atributo "surtido" que tengo declarado. A ver si me hago entender: al principio tengo el siguiente código:
<div class="SurtirPedido">
<div class="NEW8 allenar">
<div class="row">
...
<div class="col-3 full">
<input type="text" class="form-control" id="ProductoCantidad" name="ProductoCantidad" surtido="0" value="3" readonly>
</div>
...
</div>
</div>
</div>
La clase "NEW8" se llena dinámicamente agregando un div con clase row por cada producto seleccionado y que coincida con la clase "NEW8", lo que hace que se tenga la siguiente estructura:
<div class="SurtirPedido">
<div class="NEW8 allenar">
<div class="row">...</div>
<div class="row">
...
<div class="col-3">
<input type="number" id="agregarProsu" class="form-control agregarProsu" name="agregarProsu" min="1" step="1" value="1">
</div>
...
</div>
</div>
</div>
Lo que quiero es que se sume el valor del input number a lo que tenga el atributo surtido del inicio. E creado este ejemplo en codepen en el que en el pedido esta NEW8 con 3 piezas a surtir, y en la tabla justo existen las 3 piezas sumadas de dos lotes diferentes.
Intenté con el siguiente codigo:
$(".SurtirPedido").on("change", function(){
$(".allenar").find("input.agregarProsu").each(function(){
var $total = $(this).closest('div.row').parent().children().children(".full").children();
var subtotal = 0;
if($(this).value !== ""){
subtotal += parseFloat($(this).value);
}
$total.attr("surtido", subtotal);
});
});
No me funciona, en el inspector de propiedades surtido="NaN". Ocupo que el atributo "surtido" sea igual al value en el mismo input "ProductoCantidad", Como puedo hacer esto?