Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/11/2013, 15:57
Avatar de berkeleyPunk
berkeleyPunk
 
Fecha de Ingreso: febrero-2013
Ubicación: México :C
Mensajes: 565
Antigüedad: 11 años, 3 meses
Puntos: 22
Sonrisa Problema para validar checkbox!

Buenas tardes.

Tengo un formulario con varios checkbox. Necesito validarlos. La idea es que la persona debe seleccionar al menos 1 casilla.
Espero puedan ayudarme.
Valido así:

Código Javascript:
Ver original
  1. function x()
  2. {
  3.         casilla = false;
  4.        
  5.         var todasLasCasillas = document.mi_formulario.checkBox; //Todos los checkbox tienen como name "checkBox"
  6.        
  7.         for (var i=0; i<todasLasCasillas.length; i++)
  8.         {
  9.             if (todasLasCasillas[i] == "checked")
  10.             {
  11.                 var casilla = true;
  12.                 break;
  13.             }
  14.         }
  15.  
  16.  
  17.         if ( casilla == false )
  18.         {
  19.             document.write("NO hay ninguna casilla seleccionada");
  20. return;
  21.         }
  22.         else
  23.         {
  24.             document.write("Hay al menos 1 casilla seleccionada");
  25. return;
  26.         }
  27.     }
}

Código HTML:
Ver original
  1. <input type="checkbox" name="checkBox" value="Radio" onblur="x()" />
  2. <input type="checkbox" name="checkBox" value="Televisión" onblur="x()" />
  3. <input type="checkbox" name="checkBox" value="Youtube" onblur="x()" />
  4. <input type="checkbox" name="checkBox" value="Facebook" onblur="x()" />


Tal cosa no funciona.
Como verán, esta función se ejecuta cuando le quitamos el foco a un checkbox. En pantalla no se muestra ni el mensaje de que hay al menos 1 casilla seleccionada ni el mensaje de que NO hay ninguna casilla seleccionada.



Saludos cordiales.