使用jQuery對幾個文本輸入中的值求和

Question

我有幾個文本輸入，我想計算另一個輸入中值的總和。 一旦用戶在其中一個輸入中輸入值，就必須即時進行此操作。 我打算為此使用jQuery，並且我想為每個輸入添加一個類名，例如class =“ input1”，class =“ input2”等。

我的問題是我不知道將所有這些值相加，並且鑒於我有50多個輸入，我不想“手工添加”。

任何幫助都將受到贊賞。

Answer 1

如果您裝飾所有要添加的輸入以及input1 ， input2等類，則將獲得所有這些輸入中當前值的總和

var sum = 0;

$("input[class *= 'input']").each(function(){
    sum += +$(this).val();
});

然后自然地，如果您想將此值放入id destination的輸入中

$("#destination").val(sum);

這是一個小提琴

編輯

如果要在任何這些文本框發生更改時都運行此命令，則可以將其放在更改事件處理程序中

$(document).on("change", "input[class *= 'input']", function() {
    var sum = 0;

    $("input[class *= 'input']").each(function(){
        sum += +$(this).val();
    });

    $("#destination").val(sum);
});

這是小提琴

編輯

根據Jaspers的評論，如果您知道input1 ， input2等始終是您輸入中的第一類，即您永遠不會

<input class='someNewClass input1'

那你可以

$("input[class ^= 'input']").each(function(){

^=表示以開頭，而*=表示包含任何位置。

Answer 2

給他們一個通用名稱，您需要解析該值，因為最初它是文本

var result= 0;

$("input[name='sum']").each(function(){
    result = result + parseInt($(this).val(),10);
});