Question

我的网页中有大约50个文本框，用户可以在其中输入数值。当他们输入数字时，我必须显示另一个标签中所有数字的总和。

是否有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

您需要做的是在每个调用单个函数的框上设置一个事件监听器（可能是onkeyup）。该函数迭代所有框并设置适当的值。

http://jsfiddle.net/HqUDw/

Javascript显示50个文本框值的总和

2 个答案: