Este es el problema:
Tengo #producto_1
, #producto_2
y #producto_3
, cada uno tiene inputs
a rellenar de forma automática.
La forma de calcular el neto es: bruto*merma/100
, como tengo para agregar mas #producto_n
quiero que funcione mas de 1 o 2 veces llamando la función desde: onchange="calculaNeto()
Si hay un metodo mejor, no estoy cerrado al progreso, gracias de antemano
function calculaNeto() {
var bruto = $(this).parent().next().find("input").val();
var mermas = $(this).val();
var merma = 100-mermas;
var neto = bruto*(merma/100);
$(this).parents().next().find("input").val(neto);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="producto_1" class="row">
<div id="colusku_1" class="col-sm-2">
<label>Peso bruto</label>
<input type='number' class='form-control' name='bruto1' id='colsku_1' required>
</div>
<div id="colucant_1" class="col-sm-1">
<label>% Merma</label>
<input type='number' class='form-control' name='perdida1' id='colcant_1' onchange="calculaNeto()" required>
</div>
<div id="colucost_1" class="col-sm-2">
<label>Peso Neto <sup>auto</sup> </label>
<input type='number' class='form-control' name='neto1' id='colcost_1' required>
</div>
</div>
<div id="producto_2" class="row">
<div id="colusku_2" class="col-sm-2">
<label>Peso bruto</label>
<input type='number' class='form-control' name='bruto1' id='colsku_2' required>
</div>
<div id="colucant_2" class="col-sm-1">
<label>% Merma</label>
<input type='number' class='form-control' name='perdida2' id='colcant_2' onchange="calculaNeto()" required>
</div>
<div id="colucost_2" class="col-sm-2">
<label>Peso Neto <sup>auto</sup> </label>
<input type='number' class='form-control' name='neto2' id='colcost_2' required>
</div>
</div>