Умножить общие порядки на количество ордеров в jquery

118
17

У меня есть jquery, который умножает цену на количество. Теперь я хотел умножить общее количество того, сколько заказов будет стоить заказчик. Где бы я вставлял код умножения? Здесь, как я предположил, что уравнение будет total = (цена * количество) * numberoforders. Вот jfiddle того, что я не могу красноречиво объяснить

Вот мой код:

HTML

<form>
<ul>
<li>
<label>
<input type="checkbox" name="drink[]" class="drink" value="DrinkName1" data-price="12" /> Sample Item
<input min="0" max="5" type="number" class="quantity" name="quantity" value="1" />
</label>
</li>

<li>
<label>
<input type="checkbox" name="drink[]" class="drink" value="DrinkName2" data-price="6" /> Sample Item
<input min="0" max="5" type="number" class="quantity" name="quantity" value="1" />
</label>
</li>

<li>
<label>
<input type="checkbox" name="drink[]" class="drink" value="DrinkName3" data-price="4" /> Sample Item
<input min="0" max="5" type="number" class="quantity" name="quantity" value="1" />
</label>
</li>

<li>
<label>
Quantity of Orders
<input min="0" max="5" type="number" class="totalquant" name="quantity" value="1" />
</label>
</li>
</ul>

</form>

<p>Total</p>
<div id="totalDiv">0</div>

Jquery

$('.quantity, .drink').change(calculateTotal);

function calculateTotal() {
var $form = $(this).closest('form'), total = 0;
$form.find('.drink:checked').each(function() {
total += $(this).data('price') * parseInt($(this).next('.quantity').val() || 0, 10);
});
$('#totalDiv').text(total)* parseInt($(this).siblings('.totalquant').val() || 0, 10);
}

Цените всю помощь

спросил(а) 2021-01-27T16:39:08+03:00 4 месяца, 4 недели назад
1
Решение
77

Я внесли некоторые изменения в ваш код здесь https://jsfiddle.net/k91d23p6/3/

В принципе, вам нужно умножить total на totalQuant после forEach.

//query the DOM once, instead of on every change
var $form = $('form'); //on a real app it would be better to have a class or ID
var $totalQuant = $('.totalquant', $form);
var totalDiv = $('#totalDiv');
$('.quantity, .drink, .totalquant', $form).change(calculateTotal);

function calculateTotal() {
var total = 0;
$form.find('.drink:checked').each(function() {
total += $(this).data('price') * parseInt($(this).next('.quantity').val() || 0, 10);
});
var totalQuant = total * parseInt( $totalQuant.val() || 0, 10);
totalDiv.text(totalQuant);
}

ответил(а) 2021-01-27T16:39:08+03:00 4 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема