多个文本字段jquery的总和

时间:2014-09-03 17:29:41

标签: jquery

我有以下jQuery代码,用于查找不同文本字段的总和并将该值存储在另一个文本字段中。

$(function() {

    $('#input1').keyup(function() {  
        updateTotal();
    });

    $('#input2').keyup(function() {  
        updateTotal();
    });


    var updateTotal = function () {
        var input1 = parseInt($('#input1').val());
        var input2 = parseInt($('#input2').val());

        if (isNaN(input1) || isNaN(input2)) {

        } else {          
            $('#output1').val(input1 + input2);
        }
    };

    var output_total = $('#output');

}); 

此代码将input1 + input2的值添加到output1。 TextFields对齐为: input1 input2 output1 input3 input4 output2 output。 类似的代码用于将input3 + input4()的值添加到output2。当我使用代码将两个输出生成的output1 + output2添加到输出时,它不起作用。我能做错什么?

1 个答案:

答案 0 :(得分:0)

我的问题不清楚,可能此代码对您有所帮助

$(function () {
    $('#input1,#input2').keyup(function () {
        var input1 = parseInt($('#input1').val(),10);
        var input2 = parseInt($('#input2').val(),10);
        if (isNaN(input1) || isNaN(input2)) {} else {
            $('#output1').val(input1 + input2);
            update();
        }
    });
    $('#input3,#input4').keyup(function () {
        var input3 = parseInt($('#input3').val(),10);
        var input4 = parseInt($('#input4').val(),10);
        if (isNaN(input3) || isNaN(input4)) {} else {
            $('#output2').val(input3 + input4);
            update();
        }
    });
    function update(){
        $('#output').val(parseInt($('#output2').val(),10)+parseInt($('#output1').val(),10));
    }
});