Numero de check box seleccionados

[Karla_vs]

Buenas tardes,

Estoy intentando hacer algo simple, tengo unos cuantos checkbox y lo que quiero es que me aparezca una frese debajo diciendo, ha seleccionado "tantos" checkbox:

Buscano informacion he creado un codigo pero hay algun error porque no me calcula el numero de checkbox, les dejo mi codigo para ver si me pueden decir donde esta el posible error

aqui esta el codigo javascript:

Código PHP:

  <script language="JavaScript" type="text/JavaScript">
    function suma(obj)
    {  
        total=document.getElementById("numero").value;    
        if(obj.checked)
        {        
            total+=obj.value;    
        }
        else
        {        
            total-=obj.value;    
        }    
        txttotal=total+"";    
        if (txttotal=="0"){ txttotal="0";}    
        document.getElementById("numero").value=txttotal;
    }
</script> 
  

Aqui estan los checkbox:

Código PHP:

  <input type="checkbox" name="chck1" value="1" onChange="suma(this)">
<input type="checkbox" name="chck2" value="1" onChange="suma(this)">
<input type="checkbox" name="chck3" value="1" onChange="suma(this)"> 
   

Y aqui la frase donde te dice el numero de checkbox seleccionados:

Código PHP:

  Ha seleccionado<input type="text" name="numero" id="numero" value="0" size="1" style="border:none;">checkboxs 
   

Yo marco los checkbox pero no me dice cuantos hay, se queda en 0.

Muchas gracias!

[caricatos]

Hola:

Justamente ese tema se trata en este tutorial: El abc de los formularios

Saludos

[_cronos2]

Esque el value de un objeto siempre es un string, sea o no un número, por tanto si quieres trabajar con él como número debes usar pasrseInt() o parseFloat(), y después, cuando ya hayas acabado, lo conviertes a string con toString().
Saludos (:

[Karla_vs]

Muchas gracias _cronos2 ya resolví el problema. Mi codigo javascript quedo asi.

Código PHP:

  <script language="JavaScript" type="text/JavaScript">
    function suma(obj)
    {  
        total=parseInt(document.getElementById("numero").value);    
        if(obj.checked)
        {        
            total+=parseInt(obj.value);    
        }
        else
        {        
            total-=parseInt(obj.value);    
        }         
        document.getElementById("numero").value=String(total);
    }
</script> 
  

Solo tengo una duda y es que no me sirve con el Explorer, en cambio con Firefox funciona perfectamente ¿por que puede pasar esto?

Muchas Gracias!