Javascript 将订单总数乘以jquery中的订单数量
我有一个jquery,它将价格乘以数量。现在我想把总数乘以一个客户下的订单数。在哪里插入乘法码?下面是我所设想的等式:合计=(价格*数量)*订单数量。这是一个我无法雄辩解释的问题 这是我的密码: HTMLJavascript 将订单总数乘以jquery中的订单数量,javascript,jquery,subtotal,Javascript,Jquery,Subtotal,我有一个jquery,它将价格乘以数量。现在我想把总数乘以一个客户下的订单数。在哪里插入乘法码?下面是我所设想的等式:合计=(价格*数量)*订单数量。这是一个我无法雄辩解释的问题 这是我的密码: HTML 感谢所有帮助我在这里对您的代码做了一些更改 基本上,您必须将total乘以totalQuant后的forEach //query the DOM once, instead of on every change var $form = $('form'); //on a real app it
感谢所有帮助我在这里对您的代码做了一些更改 基本上,您必须将
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);
}
我在这里对你的代码做了一些更改 基本上,您必须将
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);
}
每个的价格在哪里item@Wellwisher它在data price=”“下,因为我使用的是项目名称的值。您的代码基本上是正确的。只需将最后一行更改为
$('#totalDiv').text(total*parseInt($('.totalquant').val()| | 0,10))代码>.totalquant
不是任何其他输入的直接同级,您希望$('#totalDiv').text()
通过该值,因此将括号移到外面。简言之,确保选择器正确,并在分配文本之前执行数学运算。每个的价格在哪里item@Wellwisher它在data price=”“下,因为我使用的是项目名称的值。您的代码基本上是正确的。只需将最后一行更改为$('#totalDiv').text(total*parseInt($('.totalquant').val()| | 0,10))代码>.totalquant
不是任何其他输入的直接同级,您希望$('#totalDiv').text()
通过该值,因此将括号移到外面。简言之,确保选择器正确,并在分配文本之前执行数学运算。
//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);
}