checkbox

ken-obi · #1 (**permalink**) 26/01/2006, 12:58

Hola a todos,

Tengo un problemilla aver si me lo podeis resolver porque no lo encuentro por ningun lado...

como puedo hacer que en un formulario con 20 checkbox, SOLO se pueda seleccionar 6 y si seleccionas 1 mas salte un alert diciendo que no se puede seleccionar mas casillas.

Uffff.. dificil de explicar

Gracias de antemano

dogduck · #2 (**permalink**) 26/01/2006, 13:18

A mi se me ocurre esto para más de 3 casillas

Código HTML:

<script>
var n=0
function maximo(obj,str){
if (str=="ON") {n++;}
if (str=="OFF"){n--;}
if (n>3) { alert("No se puede seleccionar más de 3 casillas");return obj.value="OFF"; }
}
</script>
<p><input type="checkbox" name="C1" value="ON" onclick="maximo(C1,C1.value)">checkbox1</p>
<p><input type="checkbox" name="C2" value="ON" onclick="maximo(C2,C2.value)">checkbox2</p>
<p><input type="checkbox" name="C3" value="ON" onclick="maximo(C3,C3.value)">checkbox3</p>
<p><input type="checkbox" name="C4" value="ON" onclick="maximo(C4,C4.value)">checkbox4</p>
<p><input type="checkbox" name="C5" value="ON" onclick="maximo(C5,C5.value)">checkbox5</p>

Pero no consigo que se desmarque cuando selecciono más de 3 casillas
¿?

ken-obi · #3 (**permalink**) 26/01/2006, 13:26

Muchisimas Gracias pero sigue dejando seleccionarlo de esa manera...

dogduck · #4 (**permalink**) 26/01/2006, 13:33

Si , es una chapuza :-p .
A ver si alguién más de el foro nos ayuda ...

JavierB · #5 (**permalink**) 26/01/2006, 13:42

Hola ken-obi y dogduck

Probar este código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
maxi = 3;
function maximo(obj) {
  if (!obj.checked) return;
  num = 0;
  for (i=0; ele=obj.form.elements[i]; i++)
    if (ele.type=='checkbox' && ele.checked) num++;
  if (num>maxi) {
    alert('Tas pasao tío');
    obj.checked=false;
  }
} 
</script>
</head>
<body>
<form>
<p><input type="checkbox" name="C1" value="ON" onclick="maximo(this)">checkbox1</p>
<p><input type="checkbox" name="C2" value="ON" onclick="maximo(this)">checkbox2</p>
<p><input type="checkbox" name="C3" value="ON" onclick="maximo(this)">checkbox3</p>
<p><input type="checkbox" name="C4" value="ON" onclick="maximo(this)">checkbox4</p>
<p><input type="checkbox" name="C5" value="ON" onclick="maximo(this)">checkbox5</p>
</form>
</body>
</html>

Saludos,

ken-obi · #6 (**permalink**) 26/01/2006, 13:45

que maquinas soys...Muchisimas gracias a los dos :)

dogduck · #7 (**permalink**) 26/01/2006, 13:52

Si señor !!!