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?