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" />
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>