Validar Checkbox

fremeto · #1 (**permalink**) 13/03/2007, 16:56

Hola

Necesito validar un número de check box que tienen el mismo nombre para que al menos uno sea chequeado, pero no se debe utilizar el nombre de los chexkbox porque tienen incluido esto "[]", con el objetivo de recuperar los datos posteriormente con php.

Gracias.

JavierB · #2 (**permalink**) 14/03/2007, 01:56

Hola fremeto

A ver si este otro mensaje te ayuda:

http://www.forosdelweb.com/f13/contar-checkbox-selecionados-431687/

Saludos,

caricatos · #3 (**permalink**) 14/03/2007, 02:53

Hola:

Con los nombres terminados en "[]", simplemente puedes usar la cadena del nombre (corchetes incluídos) a la vez entrecorchetada...

Código:

<html>
<head>
<title>
Prueba
</title>
<script type="text/javascript">
function validar(f, campo) {
 var valida = false;
 for (var i = 0, total = f[campo].length; i < total; i ++)
  valida = valida || f[campo][i].checked;
 if (!valida) alert('debe seleccionar al menos un checkbox');
 return valida;
}
</script>
</head>
<body >
<form name="prueba" action="javascript: alert('validación Ok...')" onsubmit="return validar(this, 'muchos[]')" method="get" enctype="text/plain" >
<input type="checkbox" name="muchos[]" />
<input type="checkbox" name="muchos[]" />
<input type="checkbox" name="muchos[]" />
<input type="checkbox" name="muchos[]" />
<input type="checkbox" name="muchos[]" />
<input type="checkbox" name="muchos[]" />
<input type="checkbox" name="muchos[]" />
<button type="submit" >chequear y enviar</button>
</form>
</body>
</html>

Saludos

fremeto · #4 (**permalink**) 14/03/2007, 09:29

La línea "valida = valida || f[campo][i].checked;", funciona como un condicional? que significa?

Gracias

caricatos · #5 (**permalink**) 14/03/2007, 10:11

Hola:

Te estaba respondiendo y se me bloqueó el ordenador... así que voy a ser un poco escueto...

valida es una variable inicializada a false, y con el bucle que recorre todos los elementos con el nombre que se pasa como parámetro, se actualiza haciendo una operación Ó lógico (OR -> ||) con el propio valor y el estado del radio que se consulta... con que haya uno "checked", ese valor (true/checked) se mantiene a lo largo del bucle.

Más que un condicional, es un acumulador lógico... no se me ocurre otro nombre.

Saludos

fremeto · #6 (**permalink**) 18/03/2007, 04:53

Hola, gracias po la explicacion.

Todo estaba funcionando bien, pero ahora estuve haciendo otra página y decidí incuir el mismo código para validar los checkbox los cuales son generados por código php, es posible que solo haya un solo checkbox para marcar, he ahi el problema, porque cuando hay solo un checkbox asi este chequeado sale el mensaje "debe seleccionar al menos uno"

Como solucionar esto?

Gracias de antemano

caricatos · #7 (**permalink**) 18/03/2007, 05:31

Hola:

Prueba añadiendo un control sobre el campo length:

function validar(f, campo) {
var valida = false;
if (f[campo].length == undefined) valida = f[campo].checked
else for (var i = 0, total = f[campo].length; i < total; i ++)
valida = valida || f[campo][i].checked;
if (!valida) alert('debe seleccionar al menos un checkbox');
return valida;
}

Saludos