Controlar número de checkbox marcados

pempas · #1 (**permalink**) 27/08/2007, 01:50

Buenos días,

Estoy intentando hacer algo que no me acaba de salir, tengo un formulario con 100 checkbox, y quiero hacer mediante Javascript un control que tan solo le permita al usuario marcar un número determinado de ellos, por ejemplo 20.

Cuando el usuario llegue a 20, quiero que salga un mensaje alert indicándole que no puede marcar más y no le deje, ¿alguien sabe como hacerlo?

Muchas gracias desde ya!

caricatos · #2 (**permalink**) 27/08/2007, 02:18

Hola:

Tal vez te sirva algo así:

Código:

<html>
<head>
<script>
var maxi = 3;
function registra(c) {
cuenta = 0;
for (i = 0, f = c.form, n = c.name, total = f[n].length; i < total; i ++)
 cuenta += (f[n][i].checked) ? 1 : 0;
if (cuenta > maxi) {
  alert("no puede seleccionar más de " + maxi + " elementos");
  c.checked = false;
  --cuenta;
 }
 f.contador.value = cuenta;
}
</script>
</head>
<body>
<form action="" >
<input type="checkbox" name="ch" value="1" onclick="registra(this)" />
<!-- aquí el resto de los checks ... -->
<input type="checkbox" name="ch" value="1" onclick="registra(this)" />
<input type="checkbox" name="ch" value="1" onclick="registra(this)" />
<input type="checkbox" name="ch" value="1" onclick="registra(this)" />
<input type="checkbox" name="ch" value="1" onclick="registra(this)" />
<input type="checkbox" name="ch" value="1" onclick="registra(this)" />
<input type="checkbox" name="ch" value="1" onclick="registra(this)" />
<br />
<input type="text" name="contador" value="0" />
</form>
</body>
</html>

Saludos

pempas · #3 (**permalink**) 31/08/2007, 11:40

¡¡Muchísimas gracias!!, funciona perfectamente.

Salu2!