使用 jquery 计算多个值

Question

我正在尝试使用 jquery 创建计数函数。

我有多组输入确定了数字，例如：

<input class="price" type="hidden" name="price" value="4">
<input class="count" type="text" name="count" maxlength="4">

我想创建一个脚本来计算所有输入，例如。

 (price * count) + (price * count) etc..

到目前为止我想出了这个脚本，它只乘以并显示一个输入

$('.count').blur(function() {
    var amount = parseFloat($(this).val());
    var price = $(this).closest('tr').find('.price');
    var result = parseFloat((price).val());
    var money = (amount * result)
    $('.money').text(money);
});

Answer 1

您需要在模糊处理程序中使用一个循环，例如

var $counts = $('.count').blur(function () {
    var money = 0;
    $counts.each(function () {
        money += (+this.value * $(this).closest('tr').find('.price').val()) || 0
    });

    $('.money').text(money);
});

演示：Fiddle

使用 jquery 计算多个值

Count multiple values with jquery

jquery

input

count