site de Fabien Torre


Source de formjsradiocheckbox2.html

1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2: <HTML> 3: <HEAD> 4: <TITLE>Des questions radio et checkbox</TITLE> 5: <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> 6: <link REL="stylesheet" TYPE="text/css" HREF="https://fabien-torre.fr/include/css/ft-v1.css"> 7: <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> 8: 9: 10: function checkCheckBox (name,intitule,min,max) { 11: 12: let boutons = document.F.elements[name]; 13: let nb = boutons.length; 14: let choisi = 0; 15: let i = 0; 16: 17: while (i < nb) { 18: 19: if (boutons[i].checked) { 20: choisi = choisi + 1; 21: if (choisi > max) { 22: alert("Trop de réponses pour la question "+intitule+"\n"); 23: return false; 24: } 25: } 26: 27: i = i + 1; 28: } 29: 30: if (choisi < min) { 31: alert("Manque de réponse pour la question "+intitule+"\n"); 32: return false; 33: } 34: 35: 36: return true; 37: 38: } 39: 40: 41: function checkRadio (name,intitule) { 42: 43: return checkCheckBox(name,intitule,1,1); 44: 45: } 46: 47: 48: function check () { 49: 50: return checkRadio("glace","glace préférée") 51: && checkCheckBox ("film[]","film préféré",2,3) 52: && checkRadio("ville","ville préférée"); 53: 54: } 55: 56: 57: </script> 58: </HEAD> 59: <BODY> 60: 61: <DIV CLASS="menu"> 62: <DIV CLASS="partmenu"> 63: <UL> 64: <LI> voir le <A HREF="https://fabien-torre.fr/Enseignement/tp/JavaScript/formjsradiocheckbox2.html.src">code de cette page</A> 65: <LI> retour à la page des 66: <A HREF="https://fabien-torre.fr/Enseignement/tp/JavaScript/">Travaux pratiques JavaScript</A> 67: <LI> retour à la page de <A HREF="https://fabien-torre.fr/">Fabien Torre</A> 68: </UL> 69: </DIV> 70: </DIV> 71: <DIV CLASS="page"> 72: 73: <H1>Des questions radio et checkbox</H1> 74: 75: 76: <div class="presentation"> 77: Que des questions obligatoires et deux ou trois réponses pour 78: la question à choix multiples, ni plus, ni moins. 79: </div> 80: 81: 82: 83: <FORM NAME="F" onSubmit="return check()" ACTION="gagne.php" METHOD="post"> 84: 85: Quelle est votre glace préférée ?<br> 86: <input type="radio" name="glace" value="choc"> Chocolat<br> 87: <input type="radio" name="glace" value="frai"> Fraise<br> 88: <input type="radio" name="glace" value="psit"> Pistache<br> 89: <input type="radio" name="glace" value="vani"> Vanille<br> 90: <br> 91: 92: 93: Quelle sont vos 2 ou 3 films préférés ?<br> 94: <input type="checkbox" name="film[]" value="mr"> Mystic River<br> 95: <input type="checkbox" name="film[]" value="rocky"> Rocky<br> 96: <input type="checkbox" name="film[]" value="et"> E.T. l'extraterrestre<br> 97: <input type="checkbox" name="film[]" value="tl"> Thelma et Louise <br> 98: <br> 99: 100: Quelle est votre ville préférée ?<br> 101: <input type="radio" name="ville" value="lille"> Lille<br> 102: <input type="radio" name="ville" value="paris"> Paris<br> 103: <input type="radio" name="ville" value="nantes"> Nantes<br> 104: <input type="radio" name="ville" value="marseille"> Marseille<br> 105: <br> 106: 107: 108: 109: <INPUT TYPE="submit"> 110: </FORM> 111: 112: <br> 113: <hr> 114: <div class="pied"> 115: &copy; <script type="text/javascript"> 116: <!-- 117: eval(unescape( 118: '%76%61%72%20%65%3d%27%66%61%62%69%65%6e%2e%74%6f%72%72'+ 119: '%65%27%2b%27%40%27%2b%27%75%6e%69%76%2d%6c%69%6c%6c%65'+ 120: '%33%2e%66%72%27%3b%76%61%72%20%74%3d%27%46%61%62%69%65'+ 121: '%6e%20%54%6f%72%72%65%27%3b%64%6f%63%75%6d%65%6e%74%2e'+ 122: '%77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%22%6d%61'+ 123: '%69%6c%74%6f%3a%27%2b%65%2b%27%22%3e%27%2b%74%2b%27%3c'+ 124: '%2f%61%3e%27%29')); //--> 125: </script> 126: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 127: <a href="http://validator.w3.org/check/referer"><img src="https://fabien-torre.fr/Images/valid-xhtml10.png" alt="Valid XHTML 1.0!" height="31" width="88" /></a> 128: <a href="http://jigsaw.w3.org/css-validator/validator?uri=https://fabien-torre.fr/include/css/ft-v1.css"><img style="width:88px;height:31px" src="https://fabien-torre.fr/Images/vcss.png" alt="Valid CSS!" /></a> 129: </div> 130: </div> 131: 132: </BODY> 133: </HTML>
site de Fabien Torre, université de Lille