Controler des checkbox
Catherine
-
mgwilow Messages postés 2 Statut Membre -
mgwilow Messages postés 2 Statut Membre -
Bonjour à tous,
j'ai un formulaire html avec 19 checkbox. Voici ma question, je voudrais que le visiteur une fois qu'il a coché 6 checkbox au choix que si il en coche une 7 eme qu'il y ai un message qui lui dise qu'il ne peut en cocher + que 6
Pouvez vous m'aider à trouver la solution
Très grand merci
j'ai un formulaire html avec 19 checkbox. Voici ma question, je voudrais que le visiteur une fois qu'il a coché 6 checkbox au choix que si il en coche une 7 eme qu'il y ai un message qui lui dise qu'il ne peut en cocher + que 6
Pouvez vous m'aider à trouver la solution
Très grand merci
4 réponses
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <script> function checkSelect(elmId){ maxOptionsSelect = 7; form = document.all("detailform"); inputs = form.getElementsByTagName("input"); count = 0; for(i=0 ; i<inputs.length ; i++){ if(inputs[i].type=="checkbox" && inputs[i].checked==true){ count++; } } if(count > maxOptionsSelect){ document.all(elmId).checked=false; alert("Vous ne pouvez sélectionner que maximum " + maxOptionsSelect + " options"); return false; } return false; } </script> </head> <body> <form name="detailform"> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_1"/>a<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_2"/>b<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_3"/>c<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_4"/>d<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_5"/>e<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_6"/>f<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_7"/>g<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_8"/>h<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_9"/>i<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_10"/>j<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_11"/>k<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_12"/>l<br/> <input type="checkbox" onclick="javascript:checkSelect(this.id);" id="cb_13"/>m<br/> </form> </body> </html>
;-)
HackTrack -
il faut faire ça en javascript
à chaque fois q'un utilisateur coche ou décoche un checkbox ( onclick ) tu appelles une fonction
la fonction va parcourir la totalité des checkbox et compter combien sont cochés (.checked = true)
si ça dépasse 6, tu fais ton alert('message d erreur') et tu décoches la box qui vient d'etre modifiée.
-
Pour dire ça autant se taire...
Lool t'as vu ton message la ! :D
S.V.I.N.K.E.L.S
-->on se gave d'orge d'houblon et de malt a wishy: C real killer -
bonjour, je n'y connais pas grand chose en javascript mais comment faire pour ne plus permettre de cocher d'autre case après le nombre de 6 dans l'exemple?
le code fonctionne nickel merci bcp.
