Limitar el máximo de checkbox seleccionados
Escrito por J.F. el Wednesday, 7 de November del 2007 a las 12:46
Vamos a ver un pequeño script para limitar el número máximo de checkbox seleccionados con Javascript. Para que el script funcione, debemos tener en cuenta que todos los checkboxs han de tener el mismo nombre. La forma de uso, es hacer la llamada a la función en el html, de la siguiente forma:
maximoCheckboxarCheckbox(document.forms.formulario.nombre_elemento, x);
Siendo x el número máximo de checkbox que pueden ser seleccionados. Aquà tienes un código de ejemplo funcionando:
-
<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>
-
</head>
-
-
<form name="formulario">
-
</form>
-
-
<script type="text/javascript">
-
maximoCheckboxarCheckbox(document.forms.formulario.nombre_elemento, 2);
-
</script>
-
-
</body>
-
</html>
Comentarios (4)
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
Entradas relacionadas
Comentario de Jesus Gabriel Vazquez canche
Realizado el Thursday, 25 de June del 2009 a las 23:52
que onda exelente pagina, oye ya puse el codigo tal cual y no funciona que podre estar haciendo mal?
el nombre del formulario tambien tien que estar como en el tuy?
saludos
Comentario de Jesus Gabriel Vazquez canche
Realizado el Friday, 26 de June del 2009 a las 0:09
ya quedo gracias
Comentario de Jesus Gabriel Vazquez Canche
Realizado el Tuesday, 30 de June del 2009 a las 23:49
oye y si quiero usar los check box en una base de datos?
no pueden llevar el mismo nombre
como le harias?
saludos.
Comentario de alejandro
Realizado el Wednesday, 24 de March del 2010 a las 0:25
checkbox en una base de datos
maximoCheckboxarCheckbox(document.forms.formulario, 2);
