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

本文关键字：和的 Javascript 50个 文本 显示 | 更新日期: 2023-09-27 17:57:46

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

有AJAX或Javascript解决方案吗？

那么，有人能帮我找到实现这一目标的最佳方式吗？

显示50个文本框值总和的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/

相关文章：