javascript - 小计和总计自动计算

Question

我只需要以下内容:

subtotal = sum(product1,product2)
 total = sum(subtotal,vat)

来自代码

 $('input').keyup(function(){
    var v = this.value, el = $(this);
    if(!isNaN(v)){
        var ov = el.siblings('.valid').val();        
        el.siblings().last().val(v*ov);
        $(this).removeClass('nope').trigger('totalChange');
    } else {
       $(this).addClass('nope');
    }
});

$(document).on('totalChange', function(){
    var val1 = parseFloat($('#vat_zero_re').val(), 10);
    var val2 = parseFloat($('#ve_subtotal').val(), 10);
    $('#total').val(val1+val2);
});

源代码:http://jsfiddle.net/4c0epamc/

Answer 1

检查这个fiddle

Javascript

$('input').keyup(function(){

    var v = this.value, el = $(this);
    if(!isNaN(v)){
        var ov = el.siblings('.valid').val();        
        el.siblings().last().val(v*ov);
        $(this).removeClass('nope').trigger('totalChange');
    } else {
       $(this).addClass('nope');
    }
});

$(document).on('totalChange', function(){
    var valx=parseFloat($('#peza_locator').val(), 10);
    var valy = parseFloat($('#peza_facilities').val(), 10);
    $('#ve_subtotal').val(valx+valy);
    var val1 = parseFloat($('#vat_zero_re').val(), 10);
    var val2 = parseFloat($('#ve_subtotal').val(), 10);
    $('#total').val(val1+val2);
});

在您指定的 fiddle 中，没有链接任何 jquery，在我的 fiddle 中计算小计我使用了 2 个名为 valx 和 valy 的新变量..检查它..