Hello,
pour le js , sous Firefox ou Opera ou autre navigateur respectueux du DOM, un exemple rapide :
<html>
<head>
<script type="text/javascript">
window.onload = function() {
var p = document.getElementById('checkList');
aChecks = p.getElementsByTagName('input');
for (var i = 0; i < aChecks.length; i++) {
aChecks[i].addEventListener("click", max3Check, false);
}
}
max3Check = function() {
var iCpt = 0;
for (var i = 0; i < aChecks.length; i++) {
if (aChecks[i].checked === true) {
iCpt++;
}
}
if (iCpt > 3) {
alert ('Plus de 3 cases cochées');
document.getElementById('soum').disabled = true;
} else {
alert ('Ok, 3 cases ou moins cochées');
document.getElementById('soum').disabled = false;
}
}
</script>
</head>
<body>
<form id="frm" />
<p id="checkList">
<input type="checkbox" name="choix[]" value="1" />
<input type="checkbox" name="choix[]" value="2" />
<input type="checkbox" name="choix[]" value="3" />
<input type="checkbox" name="choix[]" value="4" />
<input type="checkbox" name="choix[]" value="5" />
<input type="checkbox" name="choix[]" value="6" />
<input type="checkbox" name="choix[]" value="7" />
<input type="checkbox" name="choix[]" value="8" />
<input type="checkbox" name="choix[]" value="9" />
</p>
<p>
<input type="button" value="Soumettre" name="Soumission" id="soum" disabled="disabled" />
</p>
</form>
</body>
</html>
Pour IE, faudra faire quelques changement, ou utiliser un framework comme Prototype ou autre qui te facilitera la tâche.