After reload the page checkbox should not reset

I am using Angular-Js and Jquery. I am implementing disable all checkboxes in the page after click on checkbox. But When I reload the page my page is reset, I don't want to reset disable checkboxes after reload. Suppose I checked checkbox after that reload the page checkbox should be checked.

Below is the code example.

$('#mainChk').on('click', function(){
  var categories = $('.disableCheck');
  categories.prop('disabled', !categories.prop('disabled'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="mainChk" type="checkbox" > Main
<input type="checkbox" class="disableCheck"> First
<input type="checkbox" class="disableCheck"> Second
<input type="checkbox" class="disableCheck"> Third

When I reload the page, All checkbox is reset.

I can use Angular-Js also. I set checkbox value in query parameter like true or false.

$location.search({ checkbox: disableCheck.prop('disabled') })

But I did not get desired output.