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

Question

I have around 50 textboxes in my webpage, where user can enter numeric values. As they enter the numbers I have to display the total of all the numbers in another label.

Is there an AJAX or Javascript solution?

So can someone please help me to find what is the best way to achieve this?

Answer 1

With jQuery

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

With plain 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

What you would need to do is set an event listener (onkeyup maybe) on every box that calls a single function. That function iterates over all the boxes and sets the appropriate value.

http://jsfiddle.net/HqUDw/