Discussion :

[gtraxx]

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>

[gtraxx]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$<span class="total"></span>

Et afficher le resultat dans :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<p>€<span id="Alltotal">0</span></p>

mais sans succes regarder mon js :

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
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é

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Peut-être...
Voire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[gtraxx]

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 :

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
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));
					}
 
			});