reading the checkbox status in IE using Javascript

Question

I have some javascript that on page load reads a group of check boxes checking their checked status. If the checkbox is checked then a value is added to an array which is later used.

var _chkBoxes = document.getElementsByName("chkProduct");
var _chkBoxesLen = _chkBoxes.length;
var _chkArray = [];

for (var i = 0; i < _chkBoxesLen; i++) {

    if (_chkBoxes[i].checked === true) {
        _chkArray.push(_chkBoxes[i].id.split("-")[1]);
        console.log(_chkArray);
    }
}

This works fine for all browsers when the page is freshly loaded.

However in IE if a user ticks some boxes, navigates to another page then pushes the back button then this work does not recognise that checkboxes have been previously checked, even though on the page they are.

Is this a bug with IE and whats the fix, any opinions appreciated!

Guffa · Accepted Answer · 2010-11-09 14:58:50Z

0

This is a feature in the browser, and other browsers than IE does this in a similar way, so the problem is most likely not isolated to IE.

When you go back, the browser loads the page and then automatically fills the form with the previous data. You have to make sure that the script runs after the browser has added the data to the form, or it won't notice the change.

answered Nov 9, 2010 at 14:58

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

2 Comments

user502014 Over a year ago

yes that figures. Whats the best way to delay this script until the data has been added? Due to the templated nature of this site the script gets called just after the associated form is closed.

Guffa Over a year ago

@user502014: You can try to use the onload event.

Collectives™ on Stack Overflow

reading the checkbox status in IE using Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related