Uma solução sem alterar nada no seu HTML é pegando o index
do campo digitado pelo name
e jogando o valor no campo total de mesmo index.
O e.target.name.split('[').pop()
irá retornar ou valor_org]
ou quantidade]
, que já é suficiente para saber o index do elemento que está sendo digitado usando input[name*=
, que seleciona o campo que contém uma das strings acima no name
.
Obs.: o
parseFloat
se torna desnecessário, já que os valores foram convertidos emNumber()
anteriormente.
$(document).ready(function() {
$('.somente-numero').keyup(function (e) {
$(this).val($(this).val().replace(/[^0-9\.]/g,''));
// aqui eu pego o index
var idx = $('input[name*="'+e.target.name.split('[').pop()+'"]').index(this);
var v1 = Number($($('input[name*="[valor_org]"]')[idx]).val());
var v2 = Number($($('input[name*="[quantidade"]')[idx]).val());
$($('input[name*="[valor_total_prod]"]')[idx]).val((v1 * v2).toFixed(2));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- bloco 1 -->
<label>preço</label> <input type="text" class="somente-numero" name="produto_solicitado[0][valor_org]" id="v1" size="10" value="100.00"/>
<label>quantidade</label> <input type="text" class="somente-numero" name="produto_solicitado[0][quantidade]" id="v2" size="10"/>
<label>total</label> <input type="text" name="produto_solicitado[0][valor_total_prod]" id="v7" size="10" readonly />
<br>
<!-- bloco 2 -->
<label>preço</label> <input type="text" class="somente-numero" name="produto_solicitado[1][valor_org]" id="x1" size="10" value="200.00"/>
<label>quantidade</label> <input type="text" class="somente-numero" name="produto_solicitado[1][quantidade]" id="x2" size="10"/>
<label>total</label> <input type="text" name="produto_solicitado[1][valor_total_prod]" id="x7" size="10" readonly />