Solution somme input value de formulaire différents
Bonjour à tous ,
J'ai commencé le développement de mon application pour le calcul de la somme d'une commande d'un client avec un couple produit/quantité, mais je me suis bloqué dans un truc qui parait simple mais j'arrive pas a le faire en fait je veux additionner le total affiché d'un produit avec les autre ( produit1* Qté1 + Pdt2*Qté2 + ainsi de suite ..)
l'application maintenant affiche le total pour un seul choix de produit et efface le dernier je veux afficher le total de façon a garder tout les produits selectionner pour vous mettre dans le cadre voilà un lien pour mon apps www.securitesanscompromis.com/appsec/index.php
Et aussi voilà mon code complet
PS: Cliquez sur la cercle orangé numero 1 pour tester
Code:
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
| <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Apps</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
</head>
<body>
<div class="container">
<div class="mainbox">
<h1 style="color:#F5520C">Application securité MIG </h1>
<h2></h2>
<div class="switch a"><a href="#" id="a" title="Centrale transmetteur telephonique">1</a></div>
<div class="switch b"><a href="#" id="b" title="Sirène intérieur">2</a></div>
<div class="switch c"><a href="#" id="c" title="Sirène extérieur avec flash">3</a></div>
<div class="switch d"><a href="#" id="d" title="Caméra de levée de doute">4</a></div>
<div class="switch e"><a href="#" id="e" title="Détecteurs de mouvement">5</a></div>
<div class="switch f"><a href="#" id="f" title="Détecteur d'ouverture">6</a></div>
<div class="switch g"><a href="#" id="g" title="Détecteur de fumée">7</a></div>
<div class="switch h"><a href="#" id="h" title="Télécommande">8</a></div>
<div class="switch i"><a href="#" id="i" title="Clavier LCD avec lecteur de badge">9</a></div>
</div>
<div class="counter">
<table>
<tr>
<th>Total approximatif</th>
</tr>
<tr>
<td id="result">0 DT</td>
</tr>
</table>
<div class="buy">
<a href="http://www.securitesanscompromis.com/devis_securite.php" class="button" style="width: 100px;">Passer votre devis</a>
</div>
</div>
</div>
<div id="form-a" style="display:none;">
<form action="#";>
<table>
<tr>
<td id="name_form">Centrale transmetteur téléphonique</td>
</tr>
<tr>
<th>Prix</th>
<td><span id="price">12</span></td>
</tr>
<tr>
<th>Quantité</th>
<td><input type="text" id="quantity"></td>
</tr>
<tr>
<td colspan="2"><br><button id="add-order" title="Ajouter ce produit à la carte">Ajouter</button><button id="cancel-order" title="Annuler article & vider la Carte">Annuler</button></td>
</tr>
</table>
</form>
</div>
<div id="form-b" style="display:none;">
<form action="#";>
<table>
<tr>
<td id="name_form">Sirène externe</td>
</tr>
<tr>
<th>Prix</th>
<td><span id="price2">10</span></td>
</tr>
<tr>
<th>Quantité</th>
<td><input type="text" id="quantity2"></td>
</tr>
<tr>
<td colspan="2"><br><button id="add-order2" title="Ajouter ce produit à la carte">Ajouter</button><button id="cancel-order2" title="Annuler article & vider la Carte">Annuler</button></td>
</tr>
</table>
</form>
</div>
</div>
<script type="text/javascript">
</script>
</body>
</html> |
Code:
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
| $(document).ready(function(){
$('#a').click(function(){
$('#form-a').dialog({modal:true});
});
});
$(function() {
$( document ).tooltip();
});
$("#cancel-order").click(function() {
document.getElementById("result").innerHTML = "0";
document.getElementById("quantity").value = "0";
$("#form-a").dialog("Fermer");
});
$("#add-order").click(function() {
var price = document.getElementById('price').innerHTML;
var quantity = document.getElementById("quantity").value;
var total = price * quantity;
var totals = total + "DT";
document.getElementById("result").innerHTML = totals;
$("#form-a").dialog("Fermer");
});
$(document).ready(function(){
$('#b').click(function(){
$('#form-b').dialog({modal:true});
});
});
$(function() {
$( document ).tooltip();
});
$("#cancel-order2").click(function() {
document.getElementById("result").innerHTML = "0";
document.getElementById("quantity2").value = "0";
$("#form-b").dialog("Fermer");
});
$("#add-order2").click(function() {
var price = document.getElementById('price2').innerHTML;
var quantity = document.getElementById("quantity2").value;
var total = price * quantity;
var totals = total + "DT";
document.getElementById("result").innerHTML = totals;
$("#form-b").dialog("Fermer");
}); |
Merci de votre aide, si vous avez un autre code je suis prenante aussi .
je suis perdu et je dois faire la livraison dans 2 jours :(
