Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, estou com o seguinte código funcionando corretamente:
function duplicarCampos(){
var clone = document.getElementById('origem').cloneNode(true);
var destino = document.getElementById('destino');
destino.appendChild (clone);
var camposClonados = clone.getElementsByTagName('input');
for(i=0; i<camposClonados.length;i++){
camposClonados[i].value = '';
}
}
function removerCampos(id){
var node1 = document.getElementById('destino');
node1.removeChild(node1.childNodes[0]);
}
function calcValor(){
// zerando total
document.getElementById("total").value = '0';
// Preço do produto
var PRECO = parseFloat(document.getElementById("valorProduto").value);
// Preço do frete
var FRETE = parseFloat(document.getElementById("frete").value);
// Porcentagem do desconto
var PORCENTAGEM = parseFloat(document.getElementById("desconto").value);
// Valor do desconto
var VDESCONTO = parseFloat((FRETE+PRECO)*(PORCENTAGEM/100));
// Valor total
var TOTAL = parseFloat((FRETE+PRECO)) - parseFloat(VDESCONTO);
// Exibindo valores
document.getElementById("vdesconto").value = VDESCONTO.toFixed(2);
document.getElementById("total").value = TOTAL.toFixed(2);
}
Bom, o funcionamento dele é simples. Ele duplica todos os inputs que estão na DIV "origem" e coloca na DIV "destino" e também realiza alguns cálculos com alguns dos inputs:
Valor do Produto:
<input type="text" name="valorProduto[]" id="valorProduto" />
<br />
Valor do Frete:
<input name="frete[]" type="text" id="frete" size="15" />
<br />
Desconto (%):
<input name="desconto[]" type="text" id="desconto" onblur="calcValor()" size="15" />
<br />
Valor do Desconto:
<input name="vdesconto[]" type="text" id="vdesconto" size="15" />
<br />
Valor Total:
<input name="total[]" type="text" id="total" size="15" />Obrigado desde já!
Carregando comentários...