Using jQuery to do a Partial Page refresh but ignore some elements

Question

I'm using the technique outlined here to do a partial page refresh periodically. What I was wondering is if it is possible to do a partial page refresh but not refresh some elements within the div that is being refreshed? I have some checkboxes that lose the checked state each time the page refreshes. I would like to not refresh these checkboxes.

Answer 1

If each checkbox has an id, you could backup the state before the reload, and restore it afterwards. Something like:

var checkboxstate ;
function saveCheckboxState() { 
    checkboxstate = new Array() ;
    $('input:checkbox:checked').each(function() {
        checkboxstate[checkboxstate.length] = this.id ;
    }) ;
}
function restoreCheckboxState() {
    for(var i=0;i < checkboxstate.length;i++) {
        $('input:checkbox#' + checkboxstate[i]).each(function() {
            this.checked = true ;
        }) ;
    }
}