Maximo numero en Array de Checkbox

cyberbone14 · #1 (**permalink**) 06/05/2009, 23:48

Hola a todos,

Necesito validar un numero maximo de checkbox seleccionados en una lista.

<input name="participantesCheked[]" value="1" type="checkbox" />
<input name="participantesCheked[]" value="2" type="checkbox" />
<input name="participantesCheked[]" value="3" type="checkbox" />
<input name="participantesCheked[]" value="4" type="checkbox" />
<input name="participantesCheked[]" value="5" type="checkbox" />

y para ello estoy usando esta funcion:

<script type="text/javascript">
function maximoCheckboxarCheckbox(nombre, maximoCheckbox){
for (var i=0; i<nombre.length; i++){
nombre[i].onclick=function(){
var num_chequeados=0;
for (var i=0; i<nombre.length; i++)
num_chequeados+=(nombre[i].checked)? 1 : 0
if (num_chequeados>maximoCheckbox){
alert("El numero máximo de elemento que pueden ser seleccionados es de "+maximoCheckbox+"");
this.checked=false;
}
}
}
}
</script>

Aqui la llamo:

<script type="text/javascript">
maximoCheckboxarCheckbox(document.forms.listaMedic os.participantesCheked[], 2);
</script>

El problema es que la funcion no me acepta como nombre para los checkbox el nombre participantesCheked[] , con los "[]"

Si solo pongo participantesCheked funciana, pero no con los corchetes [], y los necesito para poder enviar todas las selecciones en un Array

Alguna idea?

Gracias de antemano,

zerokilled · #2 (**permalink**) 06/05/2009, 23:57

utiliza la sintaxis alterna para accesar a propiedades. esta sintaxis es como si utilizaras un array pero en lugar de usar indices (numero) utiliza el nombre de la propiedad o metodo.

Código:

maximoCheckboxarCheckbox(document.forms.listaMedicos["participantesCheked[]"], 2);
...

cyberbone14 · #3 (**permalink**) 07/05/2009, 00:04

Funcionó perfecto!!!... muchas gracias!!

gammassp · #4 (**permalink**) 07/05/2009, 00:12

Código HTML:

Ver original<form id="formulario" method="post" action="#">
  <input value="1" type="checkbox" />
  <input value="2" type="checkbox" />
  <input value="3" type="checkbox" />
  <input value="4" type="checkbox" />
  <input value="5" type="checkbox" />
</form>

Código JavaScript:

Ver original<script type="text/javascript">
  function maximoCheckboxarCheckbox(form, maximoCheckbox){
  var checkSeleccinados = 0;
  for(var i = 0; i < form.elements.length; i++){
    if( form.elements[i].type == "checkbox"){
      checkSeleccinados++
    }
  }
  if(checkSeleccinados > maximoCheckbox){
    alert('El numero máximo de elementos que pueden ser seleccionados es de "maximoCheckbox"');
  }
}
</script>
 
 
<script type="text/javascript">
  maximoCheckboxarCheckbox(document.getElementById("formulario"), 2);
</script>

Podes poner document.getElementById("formulario") si lo vas a llamar al hacer click sobre el check. En cambio si vas a verificar la cantidad de check seleccionados al enviar el formulario podes poner:

Código JavaScript:

Ver original<script type="text/javascript">
  maximoCheckboxarCheckbox(this, 2);
</script>

KarlanKas · #5 (**permalink**) 07/05/2009, 00:12

Igual es simplificarlo demasiado pero y si haces algo así?

Código:

<html>
<head>
<script>
numero=0;
</script>
</head>
<body>
...
<input name="participantesCheked[]" value="1" onclick="numero+=(this.checked)?1:-1" type="checkbox" />
<input name="participantesCheked[]" value="2"  onclick="numero+=(this.checked)?1:-1" type="checkbox" />
<input name="participantesCheked[]" value="3"  onclick="numero+=(this.checked)?1:-1" type="checkbox" />
<input name="participantesCheked[]" value="4"  onclick="numero+=(this.checked)?1:-1" type="checkbox" />
<input name="participantesCheked[]" value="5"  onclick="numero+=(this.checked)?1:-1" type="checkbox" />

Y a la hora de hacer el submit no tienes más que ver cuánto vale la variable numero para saber si se han seleccionado menos del número máximo.

Espero haberte ayudado a enfocarlo de otra forma.

serviopantoja · #6 (**permalink**) 29/08/2012, 18:52

Podrias postear la solucion tengo exactamente el mismo problema y no puedo solucionarlo un saludo