javascript - How do I persist the checkbox status after click event/jQuery/ajax call -


i have following event code reloads code section on page. problem that, if check box checked, can't find way re-check after reload.

jquery(this.el).find('.view_all_future_filter').click(function () {     todonote.view_all_future_filter = jquery(this).prop('value');     _this.parent.reload(); }) 

i tried following, check box keeps being reset unchecked:

if(this.view_all_future_filter == "on") {     this.query_string += '&view_all_future_filter=' + this.view_all_future_filter;     var show_state = "checked"; } else {     var show_state = ""; } this.load(); jquery('#view_all_future_filter').prop('checked', show_state); 

any appreciated!

you can use sessionstorage save data , after reload content:

if (window.sessionstorage) {      var checkedstate = jquery('#view_all_future_filter').attr('checked');      sessionstorage.setitem("somecheckboxstate", checkedstate); } 

and when content loaded page:

if (window.sessionstorage) {      var checkedstate = sessionstorage.setitem("somecheckboxstate");      jquery('#view_all_future_filter').attr('checked', checkedstate); } 

note: if using jquery 1.6+ must change attr prop boolean properties checked, disabled , etc.


Comments

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -