[jquery]Addition du contenu span

Version imprimable

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:

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:

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>

J'ai tout essayer pour additionner la valeur contenue dans tous les :

Code:

$

Et afficher le resultat dans :

Code:

€0

mais sans succes regarder mon js :

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
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(){
			jQuery('~span[price].total').each(function(){
			//var quantity = /*isNaN(*/parseInt(this.value);
				//totalQuantity += quantity;
			//var totalQuantity = jQuery(this).parents("span[price]:first").attr('price')
			var price = parseFloat(this.find("span"));
			/*for(var i=0; i<price.length; i++){
       			 totalPrice += price[i];
    		}*/
			if(!isNaN(price))
					{
						totalPrice = parseFloat(totalPrice) + parseFloat(price);
						alert(this.totalPrice);
						jQuery("#Alltotal").text(String(totalPrice));
					}
 
			});

je suis paumé :cry:

10/09/2008, 13h04
Bovino

Code:

jQuery('span.price input[type=radio].quantity')

Peut-être...
Voire :

Code:

jQuery('span.price :radio .quantity')

En faites c'est l'addition de tous les prix contenu de chaque class total qui pose probléme.
La multiplication de span price par la quantité fonctionne parfaitement.
C'est au niveau de ceci que je bloque:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
jQuery('#calc').click(function(){
			//jQuery('span[price] :radio.quantity').each(function(){
			jQuery('span[price] span.total').each(function(){
			//var quantity = /*isNaN(*/parseInt(this.value);
				//totalQuantity += quantity;
			//var totalQuantity = jQuery(this).parents("span[price]:first").attr('price')
			//var price = parseFloat(this.value);
			var price =  parseFloat(this.text);
			/*for(var i=0; i<price.length; i++){
       			 totalPrice += price[i];
    		}*/
			var totalPrice = 0;
			if(!isNaN(price))
					{
						totalPrice = parseFloat(price);
						++totalPrice;
						//alert(this.totalPrice);
						jQuery("#Alltotal").text(String(totalPrice));
					}
 
			});