Javascript 顯示 50 個文本框值的總和

Question

我的網頁中有大約 50 個文本框，用戶可以在其中輸入數值。 當他們輸入數字時，我必須顯示另一個 label 中所有數字的總和。

是否有 AJAX 或 Javascript 解決方案？

那么有人可以幫我找到實現這一目標的最佳方法嗎？

Answer 1

配jQuery

var total = 0;
$('input:text').each(function() {
    total = total + parseInt($(this).val());
});

帶普通 JavaScript

var total = 0;
var inputs = document.getElementsByTagName('input');
for(var i=0; i < inputs.length; i++)
{
    var input = inputs[i]
    if (input.type == 'text') {
         total = total + parseInt(input.value);
    }
}

Answer 2

您需要做的是在每個調用單個 function 的框上設置一個事件偵聽器（可能是 onkeyup）。 function 遍歷所有框並設置適當的值。

http://jsfiddle.net/HqUDw/