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:
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?
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); }); });
Partager