Boa tarde, possuo um código de inserção de input dinamicamente
function new_input() {
$('<x>'
+ '<input class="cod" id="focus' + rscn +'" placeholder="Código" />'
+ '<input class="desc" placeholder="Descrição" />'
+ '<div class="div"></div>'
+ '<input class="quant" placeholder="Quantidade" />'
+ '<input class="val" placeholder="Valor" />'
+ '<span id="remove_item" class="remove cursor_pointer display_none">+</span>'
+ '</x>').prependTo(scntDiv);
$('#focus' + rscn).focus();
rscn++;
contar_mais('itens_total');
mask_money();
return false; }
Que ao clicar em novo, insere dentro da div escolhida, todos os inputs que estão programados e ativa a maskmoney e atualiza o valor no input de itens
<div id='more_item_add' class='button cursor_pointer display_none'>Novo</div>
<div id='more_item'></div>
<input id='itens_total' class='itens_total' value='0' readonly='readonly' />
estou tentando fazer com que ao apertar o TAB ou realizar um event onblur que no caso é tirar o cursor do último input que é o de valor, ele capture a quantidade no input anterior que é o quant e multiplique por o valor dentro do mesmo que é o val e atualize o valor dele com a multiplicação da quantidade por o valor dentro dele
ou seja
eu digito uma quantidade no input quant e aperto o tab para ir para o val e digito o valor dentro dele e aperto o tab para ir para o próximo input e neste evento de sair do input val, o jquery leia a quantidade dentro do quant multiplique pelo valor dentro do val e atualize o val com este novo valor apagando o valor unitário e colocando o valor multiplicado pela quantidade
mais ou menos o que acontece neste exemplo http://jsfiddle.net/QBTN6/2/ mas sem o terceiro input. grato
Edit:
achei este código que modifiquei um bocado e cheguei quase lá, é quase isso que este faz
<input class='teste_de_calculo resultado' />
<input class='teste_de_calculo calcula' />
<script>
$('input.teste_de_calculo.calcula').on('blur', function() {
var v = 0;
$('input.teste_de_calculo').each(function(i,e) {
if ($(e).val()) {
var i = $(e).val().replace(/\,/g,'.');
if (isNaN(i)) { $(e).val(''); return; }
v += parseFloat(i);
$('input.teste_de_calculo.resultado').val(v.toFixed(2)); } }); });
</script>
Problema um deste código, ele não funciona se trocar de v += paseFloat(i); para v *= paseFloat(i); ou seja, não multiplica, só soma
Problema dois, só funciona no input 1 não funciona no input 2
Probelma três, como fazer ele funcionar nos inputs dinâmicos
edit
Com a ajuda do @Leo Caracciolo consegui chegar a quase solução, o código então ficou neste formato
function auto_calc_quant() {
$('.val').blur(function() {
$(this).val($(this).val().replace(',','.').replace(/[^0-9\.]/g,''));
var a = Number(document.getElementById('teste_de_calculo quantidade').value);
var b = Number(document.getElementById('teste_de_calculo resultado').value);
if((a != '') && (b != '')) {
var c = document.getElementById('teste_de_calculo resultado').value = parseFloat(a * b).toFixed(2).replace('.',','); } }); }
queria poder fazer o mesmo utilizando classes como no jquery $('teste_de_calculo resultado').value
sei la, não gosto muito de IDs e executar o calculo sem precisar exatamente fazer blur, tipo, fazer sozinho depois do ultimo change, exemplo, digitei 3,90 ai no 0 ele conta uns 3 segundos e muda o valor sem fazer blur.