<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<ul>
</ul>
<script>
var myUl=document.getElementsByTagName("ul")[0];var myLi="";
// creamos los <li> con sus <input type=checkbox...> que añadimos dentro del <ul>
for(var i=1;i<=50;i++)
{ myLi=document.createElement("li"); myLi.innerHTML="<input type='checkbox' name='myCheck_"+i+"' class='micheck'>"+i;
myUl.appendChild(myLi);
}
// añadimos el evento click a todos los elementos con el class "micheck"
var elementos=document.getElementsByClassName("micheck");for(var i=0;i<elementos.length;i++) { elementos[i].addEventListener("click", contarSeleccionados, false);};
// Esta función se ejecuta cada vez que se pulsa sobre un checkbox
function contarSeleccionados(event) { count=0;
var elementos=document.getElementsByClassName("micheck"); for(var i=0;i<elementos.length;i++) { if(elementos[i].checked)
count++;
};
// Si hay mas de 5 checkbox seleccionados, cancelamos el click
if(count>5)
{ event.preventDefault();
}
}
</script>
</body>
</html>
Crear cuenta
Comentarios sobre la versión: Versión 1 (1)