2015-05-09 64 views
1

我想用jquery创建计数函数。用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); 
}); 
+1

您能否添加更完整的HTML示例 - 我们需要了解您的'.price'和'.count'为了遍历它们,将元素分组。 –

回答

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

+0

工程就像一个魅力! – user3323095