Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/12/2009, 18:17
Avatar de kimmy
kimmy
 
Fecha de Ingreso: julio-2008
Mensajes: 841
Antigüedad: 16 años, 9 meses
Puntos: 15
Sonrisa sumar array de checkbox y mostrar suma en input text

Hola amigos:

No se mucho de javascript y estoy tratando de sumar array de checkbox y mostrar suma en input text, pero no se como hacerlo.

Esto es lo que he hecho:

Código HTML:
<tr>
        <td valign="top" bgcolor="#FF9900" class="Estilo12">&nbsp;</td>
                                  <td class="Estilo12">&nbsp;</td>
                                  <td class="Estilo12"><div align="center">
                 <input name="carrera1[]" type="checkbox" id="carrera1[]" value="1">
                                  </div></td>
                                  <td><div align="center">
                 <input name="carrera1[]" type="checkbox" id="carrera1[]" value="2">
                                  </div></td>
                                  <td><div align="center">
                <input name="carrera1[]" type="checkbox" id="carrera1[]" value="3">
                                  </div></td>
                                  <td><div align="center">
                <input name="carrera1[]" type="checkbox" id="carrera1[]" value="4">
                                  </div></td>
                                  <td><div align="center">
               <input name="carrera1[]" type="checkbox" id="carrera1[]" value="5">
                                  </div></td>
                                  <td><div align="center">
              <input name="carrera1[]" type="checkbox" id="carrera1[]" value="6">
                                  </div></td>
                                  <td><div align="center">
              <input name="carrera1[]" type="checkbox" id="carrera1[]" value="7">
                                  </div></td>
                                  <td><div align="center">
             <input name="carrera1[]" type="checkbox" id="carrera1[]" value="8">
                                  </div></td>
                                  <td><div align="center">
               <input name="carrera1[]" type="checkbox" id="carrera1[]" value="9">
                                  </div></td>
                                  <td><div align="center">
             <input name="carrera1[]" type="checkbox" id="carrera1[]" value="10">
                                  </div></td>
                                  <td><div align="center">
            <input name="carrera1[]" type="checkbox" id="carrera1[]" value="11">
                                  </div></td>
                                  <td><div align="center">
           <input name="carrera1[]" type="checkbox" id="carrera1[]" value="12">
                                  </div></td>
                                  <td><div align="center">
          <input name="carrera1[]" type="checkbox" id="carrera1[]" value="13">
                                  </div></td>
                                  <td><div align="center">
         <input name="carrera1[]" type="checkbox" id="carrera1[]" value="14">
                                  </div></td>
                                  <td><div align="center">
         <input name="total" type="text" id="total" size="15">
                                  </div></td>
                                </tr> 
Consegui esta funcion para sumar pero no se como usarla:

Código HTML:
<script language="JavaScript">
function sumar(frm) { 
  ele=frm.elements; 
  total=0; 
  for(i=0;i<ele.length;i++) 
    if(ele[i].type=='checkbox') 
      total+=(ele[i].checked) ? Number(ele[i].value) : 0; 
  document.frm.total.value=total;
} 
</script> 
Por favor denme un poco de orientacion para hacer esto. Gracias.