Bonjour à toutes et à tous,
J'ai actuellement deux pages qui permettent :
En page1 à la personne de sélectionner les checkbox qu'elle veut, de cliquer sur "accéder au formulaire", d'arriver sur la page2 où elle retrouve les choix qu'elle a fait en
page1, de cliquer sur "envoyer" et le formulaire m'ait envoyé avec les choix qu'elle a fait.
Ce que j'aimerais c'est pouvoir associer des chiffres au choix (checkbox) que la personne peut faire, afin qu'elle puisse voir combien lui aura couter les choix qu'elle a fait
(en euro par exemple) (pouvoir additionner).
Mais mon "value" est déjà renseigné sur le script que j'utilise, il permets de transférer un "mot" dans le formulaire de ma page2.php.
Merci d'avance.
Ma page1.php
Ma page2.php
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50 <script type="text/javascript"> function GereChkbox(conteneur) { var i, n; var c = document.getElementById(conteneur); var tabInput = c.getElementsByTagName("input"); n = tabInput.length; for (i=0; i<n; i++) { if (tabInput[i].type.toLowerCase()=="checkbox") { if (tabInput[i].checked) { tabInput[i].checked = false; tabInput[i].onclick(); } } } } function ChoixClic(chk, vue) { if (chk.checked) document.getElementById(vue).style.display = "block"; else document.getElementById(vue).style.display = "none"; } </script> <form id="form1" method="post" action="page2.php"> <div id="div_chck"> <input name="valeur_1" type="checkbox" id="valeur_1" onclick="ChoixClic(this,'view1')" value="1" /><br/> <input name="valeur_2" type="checkbox" id="valeur_2" onclick="ChoixClic(this,'view2')" value="2" /><br/> <input name="valeur_3" type="checkbox" id="valeur_3" onClick="ChoixClic(this,'view3')" value="3" /><br/> </div> <div> <input type="submit" name="button" id="button" value="envoi"/> <input type="button" value="tout decocher" onClick="GereChkbox('div_chck');"/> </div> </form> <div> Vous avez choisi :<br/> <div id="view1" style="display:none">1</div> <div id="view2" style="display:none">2</div> <div id="view3" style="display:none">3</div> </div>
Un script que l'on m'a conseillé, malheuresement mon "value" est déjà utilisé
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56 <table> <tr> <td> <table width='100%' border='0' cellspacing='1' cellpadding='1'> <tr> <td><span class="txtform">Votre message m a bien été transmis.</span></div></td> </tr> <td> </td> </tr> <td><span class="txtform">Je vous appelerai rapidement.</td> </tr> </table> <form method='post' name='Form'> <table width='100%' border='0' cellspacing='1' cellpadding='1'> <tr> <td colspan='2'><span class='txterror'><b> ERREUR, votre message ne m''a pas été transmis</b></font>.</span></td> </tr> <tr> <td colspan='2'><ul> </ul></td> </tr> <tr> <td><span class='txtform'>Nom de Famille* :</span></td> <td><input type='text' style='width:200; name='f_1' value= size='24' border='0'></td> <input name="f_6" type="text" id="f_6" value=> </tr> <tr> <td><span class='txtform'>(Adresse mail) :</span></td> <td><input type='text' style='width:200; name='f_2' value= size='24' border='0'></td> </tr> <tr> <td><span class='txtform'>Téléphone* :</span></td> <td><input type='text' style='width:200; name='f_3' value=< size='24' border='0'></td> </tr> <tr> <td><span class='txtform'>Taille * :</span></td> <td><select style='width:200; name='f_4' size='1'> </select></td> </tr> <tr> <td><span class='txtform'>Votre commande* :</span></td> <td><textarea style='width:360; name='f_5' rows='6' cols='40'></textarea></td> </tr> <tr> <td></td> <td> <input type='submit' name='submit' value='envoyer' border='0'> </td> </tr> </table> </form> </td> </tr> </table> </div>.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31 <script language="javascript"> function addition() { if (document.getElementById('valeur_1').checked==true) { var nb_1 = document.getElementById('valeur_1').value; } else { var nb_1 = 0; } if (document.getElementById('valeur_2').checked==true) { var nb_2 = document.getElementById('valeur_2').value; } else { var nb_2 = 0; } if (document.getElementById('valeur_3').checked==true) { var nb_3 = document.getElementById('valeur_3').value; } else { var nb_3 = 0; } var total_nb = ((nb_1*1)+(nb_2*1)+(nb_3*1)); document.getElementById('total').value = total_nb; } </script> <form> <input name="valeur_1" type="checkbox" id="valeur_1" value="5" onclick="addition();"> <input name="valeur_2" type="checkbox" id="valeur_2" value="10" onclick="addition();"> <input name="valeur_3" type="checkbox" id="valeur_3" value="15" onclick="addition();"> TOTAL : <input type="text" id="total"> </form>
Partager