Bonjour a tous,
j'ai réaliser un formulaire pour calculer un devis en temps réel (ou presque).
le problème c'est que je ne sais comment additionner toutes mes valeurs
obtenue dans les span.

Pour l'instant je calcule la multiplication de la quantité par le prix
et j'aimerai avoir un total dans la case "Alltotal".

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
jQuery('span[price] input[type=radio].quantity').change(function(){
 
          jQuery('~ span:first',this).text(
 
            jQuery(this).val() *  jQuery(this).parents("span[price]:first").attr('price')
 
          );
        });
        jQuery('span[price] input[type=radio].quantity').change();
		jQuery('#calc').click(function(){
			var totalQuantity = 0;
			jQuery('~ span.total').each(function(){
			//var quantity = /*isNaN(*/parseInt(this.value);
				//totalQuantity += quantity;
			var totalQuantity = jQuery(this).parents("span[price]:first").attr('price')	
			});
			alert(this.totalQuantity);
			jQuery("#Alltotal").text(String(totalQuantity));
		});
le html:

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
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
<div class="ParentsQuest">
       <label>
         Le site est-il déjà en ligne ?
       </label>
       <span price="750">
           <input type="radio" name="Offline.quantity" value="1"
class="quantity" />
           oui
           <input type="radio" name="Offline.quantity" value="0"
class="quantity" />
           non
 
         €<span class="total"></span>
       </span>
     </div>
      <div class="ChildQuest">
       <label>
         existe-t-il une version test en ligne ?
       </label>
       <span price="0">
           <input type="radio" name="Offline.quantity" value="1"
class="quantity" />
           oui
           <input type="radio" name="Offline.quantity" value="0"
class="quantity" />
           non
 
         €<span class="total"></span>
 
       </span>
     </div>
      <div class="SecondChildQuest">
       <label>
         Avez-vous une notion du nombre de page prévue ?
       </label>
       <span price="0">
           <input type="radio" name="Offline.quantity" value="1"
class="quantity" />
           oui
           <input type="radio" name="Offline.quantity" value="0"
class="quantity" />
           non
 
         €<span class="total"></span>
       </span>
     </div>
<div class="ParentsQuest">
       <label>
         test1
       </label>
       <span price="750">
           <input type="radio" name="Offline.quantity" value="1"
class="quantity" />
           oui
           <input type="radio" name="Offline.quantity" value="0"
class="quantity" />
           non
 
         €<span class="total"></span>
       </span>
     </div>
      <div class="ChildQuest">
       <label>
         test2
       </label>
       <span price="0">
           <input type="radio" name="Offline.quantity" value="1"
class="quantity" />
           oui
           <input type="radio" name="Offline.quantity" value="0"
class="quantity" />
           non
 
         €<span class="total"></span>
 
       </span>
     </div>
<p>€<span id="Alltotal">0</span></p>
      <div id="process">
	      <input type="button" id="calc" value="Recalcule" />
	      <input type="button" id="sendForms" value="Resultat" disabled="disabled" />
      </div>