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);
    }
}