JQuery中页面加载上的禁用/重新启用复选框

Question

我确定这已经被问了很多方法，但是我无法解决这个问题。

基本上，我有2个复选框。在页面加载时，需要禁用两者之一。当您单击已启用的页面时，页面将重新加载（进行服务调用）并启用已禁用的页面。

如果再次单击第一个启用的复选框（以取消选中该复选框），它将再次重新加载页面，并且应禁用在页面加载时禁用的初始复选框。有任何想法吗？ （Ax.UserPrefs只是一个实用程序函数，可将var放入本地存储中）

  //On page load I have Checkbox 2 being disabled
  $('#admin-user-accounts-show-hide-deleted').prop("disabled", true);

 //Checkbox 1
  $('#admin-user-accounts-show-hide-disabled').change(function() {
  var $this = $(this);
  ax.UserPrefs('preference',$this.is(':checked'));
  if ($this.hasClass('initted')) {
    setTimeout(function() { ax.Routing.Route(); }, 300);  
     $('#admin-user-accounts-show-hide-deleted').prop("disabled", false);
  }
  if ($(this).not(':checked')) {
    setTimeout(function(), 300); 
     $('#admin-user-accounts-show-hide-deleted').prop("disabled", true);
  }
});