Sumar campos de un formulario
Hola, alguien puede ayudarme como sumar varios campos de formularios en uno al final?
Tengo varios campos en una misma página donde se ingresaran numeros, al final hay un campo que quiero que tome todos los valores de los campos anteriores y que los sume.
Vamos a ver, por ejemplo tenemos dos elementos y uno más con la suma de ambos, el código sería el siguiente:
Yo lo utilizaría usando el evento onBlur (al perder el foco), y el elemento sumatorio lo desactivamos con la propiedad disabled...
<form name="suma">
<input type="text" size=4 length=4 name="elem1" onBlur="if(!isNaN(this.form.elem1.value) && this.form.elem1.value != '' && !isNaN(this.form.elem2.value) && this.form.elem2.value != '') { this.form.total.value = parseInt(this.form.elem1.value) + parseInt(this.form.elem2.value); } if(isNaN(this.form.total.value)) this.form.total.value = 0;">
<input type="text" size=4 length=4 name="elem2" onBlur="if(!isNaN(this.form.elem1.value) && this.form.elem1.value != '' && !isNaN(this.form.elem2.value) && this.form.elem2.value != '') { this.form.total.value = parseInt(this.form.elem1.value) + parseInt(this.form.elem2.value); } if(isNaN(this.form.total.value)) this.form.total.value = 0;">
<input type="text" size=4 length=4 name="total" value="0" disabled>
</form>
Yo lo utilizaría usando el evento onBlur (al perder el foco), y el elemento sumatorio lo desactivamos con la propiedad disabled...
<form name="suma">
<input type="text" size=4 length=4 name="elem1" onBlur="if(!isNaN(this.form.elem1.value) && this.form.elem1.value != '' && !isNaN(this.form.elem2.value) && this.form.elem2.value != '') { this.form.total.value = parseInt(this.form.elem1.value) + parseInt(this.form.elem2.value); } if(isNaN(this.form.total.value)) this.form.total.value = 0;">
<input type="text" size=4 length=4 name="elem2" onBlur="if(!isNaN(this.form.elem1.value) && this.form.elem1.value != '' && !isNaN(this.form.elem2.value) && this.form.elem2.value != '') { this.form.total.value = parseInt(this.form.elem1.value) + parseInt(this.form.elem2.value); } if(isNaN(this.form.total.value)) this.form.total.value = 0;">
<input type="text" size=4 length=4 name="total" value="0" disabled>
</form>