Source de formjscheckbox.html
1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2: <HTML>
3: <HEAD>
4: <TITLE>Une question 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: function check() {
10:
11: var glaces = document.F.elements["glace[]"];
12: var nb = glaces.length;
13: var choisi = 0;
14: var min = 1;
15: var max = 2;
16:
17: var i = 0;
18:
19: while (i < nb) {
20:
21: if (glaces[i].checked) {
22: choisi = choisi + 1;
23: if (choisi > max) {
24: alert("Gourmand(e) ! Il faut en choisir moins.\n");
25: return false;
26: }
27: }
28:
29: i = i + 1;
30: }
31:
32: if (choisi < min) {
33: alert("Il faut en choisir plus !\n");
34: return false;
35: }
36:
37:
38: return true;
39:
40: }
41: </script>
42: </HEAD>
43: <BODY>
44:
45: <DIV CLASS="menu">
46: <DIV CLASS="partmenu">
47: <UL>
48: <LI> voir le <A HREF="https://fabien-torre.fr/Enseignement/tp/JavaScript/formjscheckbox.html.src">code de cette page</A>
49: <LI> retour à la page des
50: <A HREF="https://fabien-torre.fr/Enseignement/tp/JavaScript/">Travaux pratiques JavaScript</A>
51: <LI> retour à la page de <A HREF="https://fabien-torre.fr/">Fabien Torre</A>
52: </UL>
53: </DIV>
54: </DIV>
55: <DIV CLASS="page">
56:
57: <H1>Une question checkbox</H1>
58:
59:
60: <div class="presentation">
61: La question est obligatoire : il faut au moins une réponse mais pas plus de deux !
62: </div>
63:
64:
65:
66: <FORM NAME="F" onSubmit="return check()" ACTION="gagne.php" METHOD="post">
67: Quelles sont vos glaces préférées ?<br>
68: <input type="checkbox" name="glace[]" value="choc"> Chocolat<br>
69: <input type="checkbox" name="glace[]" value="frai"> Fraise<br>
70: <input type="checkbox" name="glace[]" value="psit"> Pistache<br>
71: <input type="checkbox" name="glace[]" value="vani"> Vanille<br>
72: <br>
73: <INPUT TYPE="submit">
74: </FORM>
75:
76: <br>
77: <hr />
78: <div class="pied">
79: © <script type="text/javascript">
80: <!--
81: eval(unescape(
82: '%76%61%72%20%65%3d%27%66%61%62%69%65%6e%2e%74%6f%72%72'+
83: '%65%27%2b%27%40%27%2b%27%75%6e%69%76%2d%6c%69%6c%6c%65'+
84: '%33%2e%66%72%27%3b%76%61%72%20%74%3d%27%46%61%62%69%65'+
85: '%6e%20%54%6f%72%72%65%27%3b%64%6f%63%75%6d%65%6e%74%2e'+
86: '%77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%22%6d%61'+
87: '%69%6c%74%6f%3a%27%2b%65%2b%27%22%3e%27%2b%74%2b%27%3c'+
88: '%2f%61%3e%27%29')); //-->
89: </script>
90:
91: <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>
92: <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>
93: </div>
94: </div>
95:
96: </BODY>
97: </HTML>