Poner a cero variable javascript

jmorales26 · #1 (**permalink**) 26/06/2012, 23:54

Saludos al foro.

Tengo un bucle que recorre un formulario y suma todos los valores de los checkbox y radios que están marcados. El resultado se muestra en un div.
Pretendo poner a cero la variable total al finalizar la ejecución de la función pero no hay manera. Os dejo el codigo por si os ocurre algo.

function sumar(){
var total=0;
*for (i=0;i<document.formulario.elements.length;i++){
****if(document.formulario.elements[i].checked){
total+=parseInt(document.formulario.elements[i].value);
**************}
*********}
document.getElementById('totalleft').innerHTML = "Total:";
document.getElementById('totalright').innerHTML =total;

emprear · #2 (**permalink**) 27/06/2012, 00:26

Que significan todos esos asteriscos?
Por que no pones el innerHTML para el rersultado dentro de la función?
Por que no cerras debidamente la función?
No tenes que reiniciar ninguna variable, ya que tu función se inicia con
var total =0;
Dónde estás llamando la función?
Por favor se más prolijo a la hora de postear

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" 
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<title>suma</title>
<script type="text/javascript">
//<![CDATA[
function sumar(){
var total=0;
for (i=0;i<document.formulario.elements.length;i++){
if(document.formulario.elements[i].checked){
total+=parseInt(document.formulario.elements[i].value);
}
}
document.getElementById('totalright').innerHTML =total; 
}
//]]>
</script>
</head>
<body>
<div>
<form name="formulario" action="#">
1 <input type="checkbox" name="x" value="1"/>
2 <input type="checkbox" name="x" value="2" />
3 <input type="checkbox" name="x" value="3" />
<input type="button" onclick="sumar()" value="sumar" />
</form>
<div id="totalright"></div>
</div>
</body>
</html>