Skip to main content
Commonmark migration
Fonte Link

#edit

edit

#edit

edit

quase solucionado
Fonte Link
flourigh
  • 899
  • 10
  • 29

#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.

#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.

adição de exemplo
Fonte Link
flourigh
  • 899
  • 10
  • 29

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:

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

Fonte Link
flourigh
  • 899
  • 10
  • 29
Carregando