ajax load should remain the status of my checkbox when checked [duplicate]

Answer 1

You need to keep you checked boxes in a variable so you can recheck them after the load.

First add a class to your checkboxes class="tick".

Then you would :

$(".paginate_click").click(function (e) {
    // Get all the checked boxes and store their ID in an array
    var ticked = [];
    $('.tick:checked').each(function(){
      ticked.push($(this).attr("id"));
    });


    var clicked_id = $(this).attr("id").split("-"); //ID of clicked element, split() to get page number.
    var page_num = parseInt(clicked_id[0]); 

    $('.paginate_click').removeClass('active'); 
    $("#results").load("fetch_pages.php", {'page':(page_num-1)}, function(){
       // Content has loaded but is still raw
       // We loop through IDs and check'em
       ticked.forEach(function(val, i){
          $(val).prop('checked', true);
       });
    });

    $(this).addClass('active');
    return false;
}); 

EDIT:

Also, it is preferable not to use the .click() notation, instead, you should always use .on()

In this example, you would write it like this :

$('body').on('click', '.paginate_click', function(e){
  //code
});

It is much better for performance as it only attaches one event listener to body, instead of attaching one to every .paginate_click.

Check my comment about the unique IDs and you should be good to go.