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: © <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:
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>