Addition, Add Multiple textbox using Javascript function

Question

I have this problem that I add 8 textbox and it works fine but when i add more textbox like 16 textbox it doesnt add the last textbox. does anyone encoutered this problem? Thanks in Advance.

Live Link: JAVASCRIPT.

function sum() {

        var basicpay = document.getElementById('basicpay').value;
        var overtime = document.getElementById('overtime').value;
        var regularholiday = document.getElementById('regularholiday').value;
        var specialholiday = document.getElementById('specialholiday').value;
        var allowanceday = document.getElementById('allowanceday').value;
        var others = document.getElementById('others').value;
        var grosspay = document.getElementById('grosspay').value;
        var monthpay13 = document.getElementById('monthpay13').value;
        var absent = document.getElementById('absent').value;
        var tardiness = document.getElementById('tardiness').value;
        var sss = document.getElementById('sss').value;
        var pagibig = document.getElementById('pagibig').value;
        var philhealth = document.getElementById('philhealth').value;
        var cashadvances = document.getElementById('cashadvances').value;
        var withholdingtax = document.getElementById('withholdingtax').value;
        var others = document.getElementById('others').value;



        var result = 

        parseInt(basicpay) + 
        parseInt(overtime) +
        parseInt(regularholiday) +
        parseInt(specialholiday) +
        parseInt(allowanceday) +
        parseInt(others) +
        parseInt(grosspay) +
        parseInt(absent) + 
        parseInt(tardiness) +
        parseInt(sss) +
        parseInt(pagibig) +
        parseInt(philhealth) +
        parseInt(cashadvances) +
        parseInt(withholdingtax) +
        parseInt(others) +
        parseInt(monthpay13);

        if (!isNaN(result)) {
            document.getElementById('totalincome').value = result;
        }
        }

Why are you setting others twice and adding it two times in the result formula? — Barmar
– Barmar, Commented Jul 19, 2014 at 9:23

Barmar · Accepted Answer · 2014-07-19 09:29:29Z

1

The problem is that you're using the same ID others for field 6 and field 16. Give them different IDs

16.<input type="text" id="others1" Placeholder="More others"  onkeyup="sum();" /><br>

And change the JS:

var others1 = var others = document.getElementById('others1').value;

var result = 

parseInt(basicpay) + 
parseInt(overtime) +
parseInt(regularholiday) +
parseInt(specialholiday) +
parseInt(allowanceday) +
parseInt(others) +
parseInt(grosspay) +
parseInt(absent) + 
parseInt(tardiness) +
parseInt(sss) +
parseInt(pagibig) +
parseInt(philhealth) +
parseInt(cashadvances) +
parseInt(withholdingtax) +
parseInt(others1) +
parseInt(monthpay13);

answered Jul 19, 2014 at 9:29

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mritunjay · Accepted Answer · 2014-07-19 09:28:10Z

0

I think that problem is because your 6 and 16 number textbox has same ID.

Change your ID of textbox number 16 and It should work.

answered Jul 19, 2014 at 9:28

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

1 Comment

EL Gao Over a year ago

HAHAHAHAHA! NICE ONE SIR! CASE CLOSE! Thanks Alot guys!

Valentin Mercier · Accepted Answer · 2014-07-19 09:29:29Z

0

The issue happens on the very last field. This is caused by the fact that you have two boxes with the same ID. To fix that change the last box ID from others to others2. And also change your variable called others to others2 because there are two variables called others

answered Jul 19, 2014 at 9:29

Valentin Mercier

5,3564 gold badges28 silver badges51 bronze badges

Collectives™ on Stack Overflow

Addition, Add Multiple textbox using Javascript function

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related