limitar maximo de checkboxes seleccionados

grecacer · #1 (**permalink**) 30/04/2010, 07:04

He estado leyendo pero no consigo implementar ninguna a mi codigo, dado que de javascript 0 de 0, necesitaría que validara que solo se han seleccionado 6 checkboxes de esta generación, que lista de 15 a 30, si alguien pudiera darme una mano estaría enormemente agradecido.

Código:

<form action="despedirjugador.php"  method="post" name="despido" id="despido"> 
         <?php do { ?>
         <tr>
         <td bgcolor="#D7D7D7"><div align="left" class="Estilo10"><?php echo $row_Recordset4['desc_puesto']; ?></div></td>
          <td><div align="left" class="Estilo10"><?php echo $row_Recordset4['jugador']; ?></div></td>
          <td><div align="center" class="Estilo10 Estilo10"><?php echo $row_Recordset4['desc_equiporig']; ?></div></td>
          <td><div align="center" class="Estilo10"><?php echo $row_Recordset4['valor']; ?></div></td>
          <td><div align="center" class="Estilo10">
          <input type="checkbox" name="despjugador[]" value="<?php echo $row_Recordset4['id_jugadores'] ?>" />
           </div></td>
           </tr>
    <?php } while ($row_Recordset4= mysql_fetch_assoc($Recordset4)); ?>
              </table>
               <p>
              <div>
                        <div align="right">
                          <input name="Submit2" type="submit" value="Despedir" />
                        </div>
              </div>
                       
            </form>

Adler · #2 (**permalink**) 30/04/2010, 07:41

Hola

Sería algo así

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
var contador = 0;
function funcion() {
for (var i=0;i < document.forms["despedido"].elements.length;i++) {
inpt = document.forms[0].elements[i]; 
if (inpt.checked) { 
contador++;
} 
} 
if(contador >= 3) {
alert('Has seleccionados demasiados');
contador = 0;
return false;
}
}
</script>
</head>
<body>
<form action=""  method="post" name="despedido" onsubmit="return funcion();"> 
<input type="checkbox" name="despjugador[]" value="1" /><br />
<input type="checkbox" name="despjugador[]" value="1" /><br />
<input type="checkbox" name="despjugador[]" value="1" /><br />
<input type="checkbox" name="despjugador[]" value="1" /><br />
<input type="checkbox" name="despjugador[]" value="1" /><br />
<input type="checkbox" name="despjugador[]" value="1" /><br />
<input type="checkbox" name="despjugador[]" value="1" /><br />
<input name="Submit2" type="submit" value="Despedir" />
</form>
</body>
</html>

Suerte

grecacer · #3 (**permalink**) 30/04/2010, 07:53

No lo consigo hacer funcionar, puede ser porque la generación de los checkboxes es dinámica? O sea se genera segun una select a la base de datos.

Adler · #4 (**permalink**) 30/04/2010, 08:19

Hola

Fíjate que el nombre que tu le tienes puesto al form es despido y en el ejemplo te dí es despedido

Suerte

grecacer · #5 (**permalink**) 30/04/2010, 08:26

si eso lo he tenido en cuenta, el problema a mi modo de ver está aquí

Código HTML:

Ver original<input type="checkbox" name="despjugador[]" value="<?php echo $row_Recordset4['id_jugadores'] ?>" />

mientras tu me pones

Código HTML:

Ver original#
<input type="checkbox" name="despjugador[]" value="1" /><br />
#
<input type="checkbox" name="despjugador[]" value="1" /><br />

yo en el value necesito pasar ese registro dinamico porque he de interactuar con ellos en la base de datos.

Y por cierto que se me olvidó agradecer de antemano la ayuda y el tiempo dedicado.

Al depurar la pagina aparece este error

'inpt.checked' es nulo o no es un objeto

Adler · #6 (**permalink**) 30/04/2010, 12:42

Hola

Acabo de probarlo en IE8, FF y Opera y funciona. Esta otra manera es la misma que la que te dí en el post anterior, solo que se crean los campos dinámicamente

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
var contador = 0;
function funcion() {
for (var i=0;i < document.forms["despedido"].elements.length;i++) {
inpt = document.forms[0].elements[i]; 
if (inpt.checked) { 
contador++;
} 
} 
if(contador >= 3) {
alert('Has seleccionados demasiados');
contador = 0;
return false;
}
}
</script>
</head>
<body>
<form action=""  method="post" name="despedido" onsubmit="return funcion();"> 
<?php
$i = 1;
while ($i < 8){
?>
<input type="checkbox" name="despjugador[]" value="<?php echo $i?>" /><br />
<?php
$i+= 1;
}
?>
<input name="Submit2" type="submit" value="Despedir" />
</form>
</body>
</html>

Suerte

grecacer · #7 (**permalink**) 30/04/2010, 12:58

Perfecto, muchisimas gracias, funciona correctamente.