问题描述
|
我的网页中大约有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/