HOW TO MAKE EACH TEXTBOX PERFORM SUMMATION

Question

Dear Code Masters, I am developing a program within the user interface i about ten(10) rows of textbox each rows have Six(6) textbox the last textbox is made for to sum each rows. see the picture below can any body show me how to allow each textbox sum as you enter figures because i have tried lost focus it works but when you make any changes it wont sum again. any help please

Nigel Fernandes · Answer

Add the javascript on the Key up event.

Abraham Olatubosun · Answer

Thank you to all my code masters for all their assistance, i was able to get a javascript that can do the job for me see below : "javascript" > function sumUp() { document.getElementById( ' ' ).value = parseFloat(document.getElementById( ' ' ).value) + parseFloat(document.getElementById( ' ' ).value); } all i need to do is just to repeat sumUp to sumUp1() .......sumUpN() then add to your TextBox onKeyUp="sumUp()" Thank you all again i appreciate you all

Nigel Fernandes · Answer

Happy to help :)

Nigel Fernandes · Answer

If your using datagrid view or similar control You can dynamically add the textbox references in the template itself. Wait let me search for the code.

Abraham Olatubosun · Answer

Many Thanks Nigel, but how can i assign TextBox ID to a Javascript module when you have so many Textbox, that need to aggregate to a single textbox in row. what i mean each row have a gray shade textbox TxTotal that is the aggregate textbox so when you type 12 on T1 it send to TxTotal when you type 15 on T2 it sum up on TxTotal to be 27 so on. And the JavaScript i use is function reFocus(id) { document.getElementById(id).blur(); document.getElementById(id).focus(); } "t1" runat= "server" ontextchanged= "t1_TextChanged" onKeyUp= "reFocus(this.id);" AutoPostBack= "True" > "t2" runat= "server" ontextchanged= "t2_TextChanged" onKeyUp= "reFocus(this.id);" AutoPostBack= "True" > any help please my code masters