use jQuery's .keyup() and .val() to get the values in realtime like this http://jsfiddle.net/5xzSy/1/

I am having trouble getting this working in local testing though, yours works fine in JS fiddle but when I do it locally in chrome it hates me.

See my below: http://jsfiddle.net/andyunleashed/mmx5f/1 - just doesn't work locally.

I find it helps if you don't forget to work the JS so it actually loads - added: $(window).load(function(){ to my js file and it works fine now :)

Basically the same way as it was done by karl in his first fiddle, but just make a variable out of the initial total sum, so you can just reuse that variable whenever you want later, kind of like this:
http://jsfiddle.net/UmVs2/4/

That's easily fixed by defaulting the value to 0 if it doesn't have a value, i should have fixed that in my first fiddle there, but here you go: :)

http://jsfiddle.net/mortzen/UmVs2/5/

never mind - sorted out the brackets and it's working beautifully!

You guys have really helped me out on this one and made me realise I need to study up on Java ASAP.

Hi,

Thanks to all involved in this thread, this is just what I'm after but I need to ask the following:

How do I assign a custom value to each input title/section/field?

I need to calculate the total (add together, as in the example code), but each input item will have a different value, not 1 - i.e some will be 1, others will be 2.5 or 3, dependent on field/question being answered in the form.

So how can I add this predetermined custom value to the existing code, so that it will tally up the total answered fields at the end?

Thanks