Jquery:计算模糊事件的值

Question

我正在尝试在我的表单上进行一些实时计算，请查看表单...

<input type="text" value="0" name="product1" class="num"/>
<input type="text" value="0" name="product2" class="num" />
<input type="text" value="0" name="product3" class="num"/>
<input type="text" value="0" name="cost" class="cost"/>

还有 jquery 代码...

$(function() {
var cost = 0;
$('.num').blur(function(){
cost+= parseFloat($(this).val());
});
$('.cost').val(cost);
});

但它不起作用，请帮忙，谢谢。

Answer 1

您需要移动更新模糊事件处理程序内成本字段值的行:

更新使用这种方法还有一个逻辑问题，修改值会导致总数不断增加，我修改了代码来解决这个问题:

$(function() {
    $('.num').live("blur", function(){
        var parentLI = $(this).closest("LI");
        var cost = 0;
        $(".num", parentLI).each(function() {
            var value = $(this).val();
            if (!isNaN(value) && value != "")
                cost+= parseFloat(value);
        })
        $('.cost').val(cost);
    });
});