Bonjour,
J'ai un formulaire contenant une centaine de checkbox nomé comme suit :
<input type="checkbox" name="ckb1" onclick="chkcontrol(1)" value="test" />
<input type="checkbox" name="ckb2" onclick="chkcontrol(1)" value="test" />
<input type="checkbox" name="ckb3" onclick="chkcontrol(1)" value="test" />
<input type="checkbox" name="ckb4" onclick="chkcontrol(1)" value="test" />
...
J'ai une petite fonction JS (chkcontrol) qui me permet que l'utilisateur ne puisse cocher que maximum 3 checkbox, et que si il dépasse ce nombre, une alerte s'affiche.
Seulement cette fonction que j'ai trouvé sur le net ne fonctionne normalement que si le name="" de mes checkbox ont exactement le même nom.
Voici la fonction :
function chkcontrol(j) {
var total=0;
for(var i=0; i < document.choixzik.ckb.length; i++){
if(document.choixzik.ckb[i].checked){
total =total +1;}
if(total > 3){
alert("Tu ne peux séléctionner que 3 checkbox !")
document.choixzik.ckb[j].checked = false ;
return false;
}
}
}
Ma question est donc : comment adapter cette fonction pour qu'elle fonctionne avec des checkbox de noms différents (comme montré ci-dessus) ?
D'avance merci pour vos pistes :-)
Bonne journée,
Fabien