Passar ids como parâmetro para function js

Sarah19 · Junho 21, 2017

Tenho uma function que gostaria que recebesse os valores de id de alguns campos de quantidade, valor unitário e mostrasse o resultado em outro campo. Mas não estou conseguindo.

<html>
<head>
<script type="text/javascript" src="js/funcoes.js"></script>  
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>

<script>
String.prototype.formatMoney = function() {
    var v = this;

    if(v.indexOf('.') === -1) {
        v = v.replace(/([\d]+)/, "$1,00");
    }

    v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20");
    v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2");

    return v;
};

function id( el ){
    return document.getElementById( el );
}

function getMoney( el ){
    var money = id( el ).value ? id( el ).value.replace( ',', '.' ) : 0;
    return parseFloat( money )*100;
}

function multiplicacao(id1, id2){
    //alert(id1, id2);
    var qtd = id(id1).value;
    var unit = getMoney(id2);
    var total = qtd*unit;
    id('campo4').value = String(total/100).formatMoney();
}

//mascara para campos de R$
function moeda(z){          
v = z.value;        
v=v.replace(/\D/g,"")  
//permite digitar apenas números    
v=v.replace(/[0-9]{12}/,"inválido")   
//limita pra máximo 999.999.999,99  
v=v.replace(/(\d{1})(\d{8})$/,"$1.$2")  
//coloca ponto antes dos últimos 8 digitos  
v=v.replace(/(\d{1})(\d{5})$/,"$1.$2") 
//coloca ponto antes dos últimos 5 digitos  
v=v.replace(/(\d{1})(\d{1,2})$/,"$1,$2")    
//coloca virgula antes dos últimos 2 digitos        
z.value = v;    }

</script>

</head>
<body>
 <input id="campo1" onKeyUp='multiplicacao(this.id)' type='text' name='' class='form-control' size='10'/>

<input id="campo2" onKeyUp='moeda(this);multiplicacao(this.id)' type='text' name='' class='form-control' size='10'/>

<input id="campo4" name="campo4" readonly="readonly"  class='form-control' size='10'/>
</body>
</html>

Por favor se alguém souber me ajuda :(

AndréJs · Junho 26, 2017

Não entendi, você quer que os resultados de um campo input vai para outro campo input?

Douglas Julião · Junho 28, 2017

Tenta fazer assim:

function id( el ){
    return document.getElementById( el ).value;
}

function getMoney( el ){
  	var val = id(el);
    var money = val ? val.replace( ',', '.' ) : 0;
    return parseFloat( money )*100;
}

function multiplicacao(id1, id2){
    //alert(id1, id2);
    var qtd = id(id1);
    var unit = getMoney(id2);
    var total = qtd*unit;
    document.getElementById('campo4').value = String(total/100).formatMoney();
}

Mas se você quiser continuar fazendo meio que desse seu jeito, tipo um jquery ai acredito que tem que fazer assim:

var id = function(el) {
  return(document.getElementById(el));
}

tiagosabadini · Junho 30, 2017

O problema no seu código está na chamada da função multiplicação e no tratamento dos parâmetros dela.

Aqui você passa apenas um parâmetro:

<input id="campo1" onKeyUp='multiplicacao(this.id)' ...

Mas quando a função é declarada, obrigatoriamente precisa de 2 parâmetros:

function multiplicacao(id1, id2){
    //alert(id1, id2);
    var qtd = id(id1).value;
    var unit = getMoney(id2);
    var total = qtd*unit;
    id('campo4').value = String(total/100).formatMoney();
}

O erro ocorre na instrução que utiliza o segundo parâmetro.

Faça um tratamento desse tipo que seu código vai funcionar:

var unit = id2 ? getMoney(id2) : 0;

Sarah19 · Julho 4, 2017

Obrigada à todos que ajudaram, eu consegui fazendo assim:

i = 1;

String.prototype.formatMoney = function() {
    var v = this;

    if(v.indexOf('.') === -1) {
        v = v.replace(/([\d]+)/, "$1,00");
    }

    v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20");
    v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2");

    return v;
};

function id( el ){
    return document.getElementById( el );
}

function getMoney( el ){
    var money = id( el ).value ? id( el ).value.replace( ',', '.' ) : 0;
    return parseFloat( money )*100;
}

function multiplicacao(){

    //pego os elementos pela classe
    var inputqtd = $('.input-qtd');
    var inputunit = $('.input-unit');
    var inputresultado = $('.input-resultado');
    var qtd = 0; var unit = 0; var total = 0; 

    //varro a lista e pego os ids.
    for (var i = 0; i < inputqtd.length; i++) {
        id1 = (inputqtd[i].id);
        id2 = (inputunit[i].id);
        res = (inputresultado[i].id);

        qtd = id(id1).value;
        unit = getMoney(id2);
        total = qtd*unit;
        id(res).value = String(total/100).formatMoney();
    }

}

//mascara para campos de R$
function moeda(z){          
    v = z.value;        
    v=v.replace(/\D/g,"")  
//permite digitar apenas números    
v=v.replace(/[0-9]{12}/,"inválido")   
//limita pra máximo 999.999.999,99  
v=v.replace(/(\d{1})(\d{8})$/,"$1.$2")  
//coloca ponto antes dos últimos 8 digitos  
v=v.replace(/(\d{1})(\d{5})$/,"$1.$2") 
//coloca ponto antes dos últimos 5 digitos  
v=v.replace(/(\d{1})(\d{1,2})$/,"$1,$2")    
//coloca virgula antes dos últimos 2 digitos        
z.value = v;    }

<html>
<head>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
    </head>
<body>

<p>INPUTS DE QUANTIDADE:</p>
<input id="input-qtd1" onKeyUp='multiplicacao()' type='text' name='' class='form-control input-qtd' size='10'/>

<input id="input-qtd2" onKeyUp='multiplicacao()' type='text' name='' class='form-control input-qtd' size='10'/>

<input id="input-qtd3" onKeyUp='multiplicacao()' type='text' name='' class='form-control input-qtd' size='10'/>

<input id="input-qtd4" onKeyUp='multiplicacao()' type='text' name='' class='form-control input-qtd' size='10'/>

<p>INPUTS DE VALOR UNITÁRIO:</p>
<input id="input-unit1" onKeyUp='moeda(this);multiplicacao()' type='text' name='' class='form-control input-unit' size='10'/>

<input id="input-unit2" onKeyUp='moeda(this);multiplicacao()' type='text' name='' class='form-control input-unit' size='10'/>

<input id="input-unit3" onKeyUp='moeda(this);multiplicacao()' type='text' name='' class='form-control input-unit' size='10'/>

<input id="input-unit4" onKeyUp='moeda(this);multiplicacao()' type='text' name='' class='form-control input-unit' size='10'/>

<p>INPUTS DE TOTAL:</p>
<input id="input-resultado1" onKeyUp='moeda(this);multiplicacao()' name="campo4" readonly="readonly"  class='form-control input-resultado' size='10'/>

<input id="input-resultado2" onKeyUp='moeda(this);multiplicacao()' name="campo4" readonly="readonly"  class='form-control input-resultado' size='10'/>

<input id="input-resultado3" onKeyUp='moeda(this);multiplicacao()' name="campo4" readonly="readonly"  class='form-control input-resultado' size='10'/>

<input id="input-resultado4" onKeyUp='moeda(this);multiplicacao()' name="campo4" readonly="readonly"  class='form-control input-resultado' size='10'/>

</body>
</html>

Entrar

Arquivado

Passar ids como parâmetro para function js

Recommended Posts

Sarah19 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

AndréJs 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Julião 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

tiagosabadini 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Sarah19 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Não consigo carregar imagem do captcha no meu formulário

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante