在下一次访问时记住用户选择以及重定向或隐藏模态框

Question

我想创建一个模态框，以提示访问者在A或B之间进行选择。如果用户选择A，则会将其重定向到另一页，如果B，则它们会留在当前网站上，但是模态框消失了到内容。

我还需要一个选项来“记住我”，如果检查了，这将记住他们的个人资料，如果没有，将再次提示他们在A和B中进行选择。这是我到目前为止所拥有的。

重定向零件有效，但我无法使模态起作用。

<div id="boxes">
  <div style="top: 199.5px; left: 551.5px; display: none;" id="dialog" class="window"> Please identity yourself
    <div id="lorem" style="text-align:center">
      <FORM NAME="form1">
        <select onchange="formChanged(this);" NAME="user" SIZE="1">
          <OPTION VALUE="non-value">Please make a selection
          <OPTION VALUE="https://redirection.com">PI
          <OPTION VALUE="fa">FA
        </select>
        <br>
        <input type="checkbox" id="remember" checked />Remember me
      </FORM>
    </div>
  </div>
  <div style="width: 1478px; font-size: 32pt; color:white; height: 602px; display: none; opacity: 0.8;" id="mask"></div>
</div>

setStatus = document.getElementById('remember');
setStatus.onclick = function() {
  if (document.getElementById('remember').checked) {
    localStorage.setItem('remember', "true");
  } else {
    localStorage.setItem('remember', "false");
  }
}

getStstus = localStorage.getItem('remember');
if (getStstus == 'true') {
  document.getElementById('remember').checked = true;
}

//  localStorage.clear();
if (localStorage && localStorage.user && remember.checked) {
  location = localStorage.user;
}

function formChanged(form) {
  var val = form.options[form.selectedIndex].value;
  if (val !== 'non-value' && val !== 'fa') {
    if (localStorage) {
      localStorage.user = val;
    }
    location = val;
  }

  var val = form.options[form.selectedIndex].value;
  if (val == 'fa') {
    if (localStorage) {
      localStorage.user = val;
    }
    $('.window').hide();
    $('#mask').hide();
  }
}

$（document）.ready（function（）{

    var id = '#dialog';

    //Get the screen height and width
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();

    //Set heigth and width to mask to fill up the whole screen
    $('#mask').css({'width':maskWidth,'height':maskHeight});
    
    //transition effect     
    $('#mask').fadeIn(500); 
    $('#mask').fadeTo("slow",0.9);  

    //Get the window height and width
    var winH = $(window).height();
    var winW = $(window).width();
          
    //Set the popup window to center
    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

    //transition effect
    $(id).fadeIn(2000);     

//if close button is clicked
$('.window .close').click(function (e) {
    //Cancel the link behavior
    e.preventDefault();
    
    $('#mask').hide();
    $('.window').hide();
});     

//if mask is clicked
//$('#mask').click(function () {
//  $(this).hide();
//  $('.window').hide();
//});       

}）;