Soma automatica com php e javascript

[clickanapolis 1]

Pessoal, estou criando um formulario que é dinamico, determino a quantidade de parcelas e ele abre quantas abas em tabs que eu digitar na tela anterior.

 

o cliente me solicitou que a cada aba que eu digitar o valor total ele faça uma soma o valor eu tenho ele como valor[] pois vou ter varios valores.

 

eu achei um codigo javascript javascript que faz essa soma mais com o mesmo nome a variavel não consegui.

 

function calcular() {
var n1 = parseInt(document.getElementById('n1').value, 10);
var n2 = parseInt(document.getElementById('n2').value, 10);
document.getElementById('resultado').innerHTML = n1 + n2;
}

tenho o input type="text" name="valor[]" que digito o valor em cada tab, mais queria do lado de fora das tabs colocar o valor para comparar com um valor que ja vem determinado, onde se o valor digital for diferente do valor que veio do sistema vou bloquear a tela.

[Jhess 46]

Poste o código de onde você insere os valores para soma.

[clickanapolis 1]

Consegui um codigo aqui, mais eu preciso clicar em somar, não estou conseguindo fazer a autosoma ao digitar no input e sair dele ele ja somar.

 

$(document).ready(function() {
  $("#somar").click(function(){
    var total = 0;
    $('.input').each(function(){
      var valor = Number($(this).val());
      if (!isNaN(valor)) total += valor;
    });
    total = total;
    $("#resultado").val(+total.toFixed(2));
  });
});

 

Achei esse codigo e funciona, só precisaria fazer a autosoma.

[Jhess 46]

No input de soma final, você pode colocar um onkeyup

 

Supomos que eu tenho dois inputs

 

input 1 + input 2 = resultado

 

Vou colocar um evento nos dois inputs, que faça a soma dos dois e me dê o resultado:

 

<input type="text" name="n1" onkeyup="autoSoma()">
<input type="text" name="n2" onkeyup="autoSoma()">

 

E na função:

 

$(document).ready(function() {
  function myFunction() {
    var total = 0;
    $('.input').each(function(){
      var valor = Number($(this).val());
      if (!isNaN(valor)) total += valor;
    });
    total = total;
    $("#resultado").val(+total.toFixed(2));
  }
});

 

Note: Não mudei o código JS, apenas adaptei com o onkeyup.

[clickanapolis 1]

Não funcionou.

[Jhess 46]

Eu tenho o seguinte script que usei há algum tempo atrás:

 

			$(document).ready(function() {
			 $("#ingresso").change(function() {
			   var qtd = $("#taxa").val();
			   var valor = $("#ingresso").val().replace(',','.');
			   var calculo = qtd + valor;
			   $("#total_item").val("R$" + calculo);
			  });
			});

			$(document).ready(function() {
			 $("#taxa").change(function() {
			   var qtd = $(this).val();
			   var valor = $("#ingresso").val().replace('.', '').replace(',', '.');
			   var calculo = qtd + valor;
			   $("#total_item").val("R$" + calculo);
			  });
			});

 

Peço que implemente certo, pois este funciona, rsrs... note também, que para funcionar corretamente, os inputs tem que ter o id correspondente, não apenas o name

[clickanapolis 1]

Basto chamar da mesma forma?

 

onkeyup="autoSoma()"

[Jhess 46]

Nos inputs não precisa adicionar a função onkeyup, a função já faz isso: 

 

$(document).ready(function() {
			 $("#ingresso").change(function() {
               .  .  .

 

[clickanapolis 1]

Certo, o id fica?

 

<input type="text" name="teste" id="ingresso" />

 

o retorno posso tratar assim:

 

<input id="total_item" value="">

[Jhess 46]

Eu tenho desta forma:

 

<input type="text" name="taxa" id="taxa">
<input type="text" name="ingresso" id="ingresso">
<input type="text" name="total_item" id="total_item">