Hola a todos los foreros!!!!!!!!!
Otra vez yo aqui despues de unas pequeñas vacaciones.
El otro dia me encontro con un tema, en el cual se trataba de la suma de campos de texto para mostrar el total en otro.
Por lo que aqui dejo un ejemplo, espero pueda ser de ayuda para quines lo necesiten:
Código HTML:
<html>
<head>
<title>Sumar campos</title>[/HIGHLIGHT]
<script language="javascript" type="text/javascript">
function sumacampos(id)
{
//declaro variable que almacenara la suma total
var suma = parseFloat(eval("document.getElementById('"+id+"').value")); //le asigno el valor del campo actual
//el "CampoaSumar" son los campos textBox que se sumaran
for(var i=0; i < document.form1.CampoaSumar.length; i++)
{
//Comparo el id del campo en que me encuentro para no sumarlo nuevamente y sumar los demas
if(eval("document.getElementById('"+id+"').id") != eval("document.form1.CampoaSumar["+i+"].id") )
{
//Recorro el vector de los campos y realizo la suma
suma = suma + parseFloat(eval("document.form1.CampoaSumar["+i+"].value"));
}
//Asigno la suma a un label que ira cambiando de acuerdo a la cantidad que se capture
document.getElementById('MiLabelTOTAL').innerHTML = suma;
}
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="CampoaSumar" id="Campo1" value="0" onblur="sumacampos('Campo1');" />
<input type="text" name="CampoaSumar" id="Campo2" value="0" onblur="sumacampos('Campo2');" />
<input type="text" name="CampoaSumar" id="Campo3" value="0" onblur="sumacampos('Campo3');" />
<br/>
Total:<label id="MiLabelTOTAL" >0</label>
</form>
</body>
</html> Este ejemplo lo e probado en IE, Firefox, Opera, Safari y GoogleCrome y si funciona.
Saludos!!!!!!!!!