Soma de valores em campos
Olá amigos do fórum.
Estou novamente com problema (pra variar, hehehe).
A dúvida que tenho, é como fazer para que, a medida que a pessoa for adicionando valores a um desses campos ele vá totalizando num campo total. (Obs: o usuário não é obrigado a preencher todos os 6 campos de valores).
Segue abaixo o código da página.
Qualquer ajuda é bem vinda.
Obrigado.
<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript">function fcnOnlyNum(event) { var kCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; var caract = new RegExp(/^[0-9 \b]+$/i); var caract = caract.test(String.fromCharCode(kCode)); if(!caract){ return false; }}function FormataValor(campo,tammax,teclapres) {var tecla = teclapres.keyCode ? teclapres.keyCode : teclapres.which ? teclapres.which : teclapres.charCode;vr = document.form[campo].value;vr = vr.replace( "/", "" );vr = vr.replace( "/", "" );vr = vr.replace( ",", "" );vr = vr.replace( ".", "" );vr = vr.replace( ".", "" );vr = vr.replace( ".", "" );vr = vr.replace( ".", "" );tam = vr.length;if (tam < tammax && tecla != 8){ tam = vr.length + 1; }if (tecla == 8 ){ tam = tam - 1; }if ( tecla == 8 || tecla >= 48 && tecla <= 57 || tecla >= 96 && tecla <= 105 ){if ( tam <= 2 ){document.form[campo].value = vr; }if ( (tam > 2) && (tam <= 5) ){document.form[campo].value = vr.substr( 0, tam - 2 ) + ',' + vr.substr( tam - 2, tam ); }if ( (tam >= 6) && (tam <= 8) ){document.form[campo].value = vr.substr( 0, tam - 5 ) + '.' + vr.substr( tam - 5, 3 ) + ',' + vr.substr( tam - 2, tam ); }}}</script></head><body><form action="" method="post" name="form" id="form"> <table width="500" border="0" align="center" cellpadding="2" cellspacing="2"> <tr bgcolor="#E9E9E9"> <td width="75%" bgcolor="#E9E9E9" class="fontepboldblue">Produto</td> <td width="25%" class="fontepboldblue">Valor</td> </tr> <tr> <td><input name="orc_desc1" type="text" class="imputazul" id="orc_desc1" size="50" maxlength="50"></td> <td><span class="fontepbold">R$</span> <input name="orc_val" type="text" class="imputazul" style="text-align: right;" id="orc_va1" onKeyPress="return fcnOnlyNum(event)" onKeyDown="FormataValor('orc_val', 13, event)" size="10" maxlength="9"></td> </tr> <tr> <td><input name="orc_desc2" type="text" class="imputazul" id="orc_desc2" size="50" maxlength="50"></td> <td><span class="fontepbold">R$</span> <input name="orc_val2" type="text" class="imputazul" style="text-align: right;" id="orc_val2" onKeyPress="return fcnOnlyNum(event)" onKeyDown="FormataValor('orc_val2', 13, event)" size="10" maxlength="9"></td> </tr> <tr> <td><input name="orc_desc3" type="text" class="imputazul" id="orc_desc3" size="50" maxlength="50"></td> <td><span class="fontepbold">R$</span> <input name="orc_val3" type="text" class="imputazul" style="text-align: right;" id="orc_val3" onKeyPress="return fcnOnlyNum(event)" onKeyDown="FormataValor('orc_val3', 13, event)" size="10" maxlength="9"></td> </tr> <tr> <td><input name="orc_desc4" type="text" class="imputazul" id="orc_desc4" size="50" maxlength="50"></td> <td><span class="fontepbold">R$</span> <input name="orc_val4" type="text" class="imputazul" style="text-align: right;" id="orc_val4" onKeyPress="return fcnOnlyNum(event)" onKeyDown="FormataValor('orc_val4', 13, event)" size="10" maxlength="9"></td> </tr> <tr> <td><input name="orc_desc5" type="text" class="imputazul" id="orc_desc5" size="50" maxlength="50"></td> <td><span class="fontepbold">R$</span> <input name="orc_val5" type="text" class="imputazul" style="text-align: right;" id="orc_val5" onKeyPress="return fcnOnlyNum(event)" onKeyDown="FormataValor('orc_val5', 13, event)" size="10" maxlength="9"></td> </tr> <tr> <td><input name="orc_desc6" type="text" class="imputazul" id="orc_desc6" size="50" maxlength="50"></td> <td><span class="fontepbold">R$</span> <input name="orc_val6" type="text" class="imputazul" style="text-align: right;" id="orc_val6" onKeyPress="return fcnOnlyNum(event)" onKeyDown="FormataValor('orc_val6', 13, event)" size="10" maxlength="9"></td> </tr> <tr bgcolor="#E9E9E9"> <td class="fontepboldblue">Mão de Obra</td> <td><span class="fontepbold">R$</span> <input name="mo_hard" type="text" class="imputazul" style="text-align: right;" onKeyPress="return fcnOnlyNum(event)" onKeyDown="FormataValor('mo_hard', 13, event)" id="mo_hard" size="10" maxlength="9"></td> </tr> <tr bgcolor="#FFFFCC"> <td class="fontepboldblue"><div align="right">Total:</div></td> <td><span class="fontepbold">R$</span> <input name="total" type="text" class="imputazul" style="text-align: right;" id="total" size="10" maxlength="9"></td> </tr> </table></form></body></html>Discussão (14)
Carregando comentários...