Discussion :

[olivorel]

Bonsoir,

J'ai crée deux calculs suite à une saisie de 2 input: 1 pour les adultes et un pour les enfants

html

Code html :

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
<div class="reservation_adult" data-daily-price-adult="10">
  <h2>Adults</h2>
  <p>
    <label for="person">Total price for adults:</label>
  </p>
  <p>$<span id="total_adult">0</span> for <span id="adult-count">0</span> Adult(s)</p>
 
  <p>
    <input id="adult" value="0" type="number">
  </p>
</div>
<div class="reservation_children" data-daily-price-children="5">
  <h2>Children</h2>
  <p>
    <label for="person">Total price for children:</label>
  </p>
  <p>$<span id="total_children">0</span> for <span id="children-count">0</span> Children</p>
 
  <p>
    <input id="children" value="0" type="number">
  </p>
</div>

et le jquery:

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
$(document).ready(function() {
  $('#adult').on('keyup', function() {
    var person = +$(this).val();
    var dailyPrice = +$(this).closest('.reservation_adult').data('daily-price-adult');
    $('#total_adult').text(person * dailyPrice);
    $('#adult-count').text($(this).val());
  });
  $('#adult').on('focus', function() {
    var person = +$(this).val(0);
  });
});
$(document).ready(function() {
  $('#children').on('keyup', function() {
    var person = +$(this).val();
    var dailyPrice = +$(this).closest('.reservation_children').data('daily-price-children');
    $('#total_children').text(person * dailyPrice);
    $('#children-count').text($(this).val());
  });
  $('#children').on('focus', function() {
    var person = +$(this).val(0);
  });
});

ma question est: peut on récupérer les valeurs text $('#total_children').text(person * dailyPrice) et de $('#total_adult').text(person * dailyPrice) pour en faire une somme des deux qui s'affiche en dessous automatiquement dans un span par exemple?

[SpaceFrog]

Code :

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

1
2
3
4
5
 
 
a= +$('#total_children').text():
b= +$('#total_adult').text(person * dailyPrice):
$('#spanendeesous').text( a+b):

[olivorel]

Code :

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

1
2
3
4
5
 
 
a= +$('#total_children').text():
b= +$('#total_adult').text(person * dailyPrice):
$('#spanendeesous').text( a+b):

J'avais pensé à la même chose

Code :

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

1
2
3
4
5
6
$(document).ready(function() {
var children_price= +$('#total_children').text(person * dailyPrice);
var adult_price= +$('#total_adult').text(person * dailyPrice);
$('#total_price').text(children_price + adult_price);
$('#total_price').text($(this).val());
});

sauf que ce total_price ne m'affiche pas le calcul de la somme récupérée...

[SpaceFrog]

Code :

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

1
2
$('#total_price').text(children_price + adult_price);
$('#total_price').text($(this).val());