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

问题描述

| 我的网页中大约有50个文本框,用户可以在其中输入数字值。当他们输入数字时,我必须在另一个标签显示所有数字的总数。 有AJAX或Javascript解决方案吗? 那么有人可以帮我找到实现此目标的最佳方法是什么?     

解决方法

        使用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);
    }
}
    ,        您需要做的是在每个调用单个函数的框上设置一个事件侦听器(也许是onkeyup)。该函数遍历所有框并设置适当的值。 http://jsfiddle.net/HqUDw/