привет я новичок в JavaScript

У меня есть флажок, который скользит по другим входным данным, я хочу оставить этот флажок установленным, а другой вход отображался после обновления страницы, если установлен флажок ввода

JavaScript:

function validateSitec(){
if (document.getElementById('sitecheck').checked){
$('#sitecheck').prop('checked', true);
$('#closedmsg').slideDown();
}else{
$('#closedmsg').slideUp();
$("#sitecheck").removeProp("checked").checkboxradio("refresh");
}
}

это мои входы:

<span style="font-weight:bold;">close site+ msg:</span>

<span style="font-weight:bold;">click to activate msg</span><br>

Я хочу, если установлен флажок, оставайтесь отмеченным .. и не будет меняться после обновления страницы, затем, когда не отмечен, вернитесь к нормальному состоянию и не проверяйте при обновлении страницы.

я должен использовать php, чтобы он не изменился после проверки с помощью JavaScript?

Отредактировано:

Спасибо всем за помощь в получении кредита: leiyonglin.

Рабочий код для тех, кто любит его использовать:

скачать сначала:https://github.com/carhartl/jquery-cookie

тогда используйте эти коды, работающие потрясающе:

JavaScript:

function validateSitec(){
if (document.getElementById('sitecheck').checked){
    $('#sitecheck').prop('checked', true);
    $('#closedmsg').slideDown();
    $.cookie("cookieChecked", "#sitecheck");
}else{
    $('#closedmsg').slideUp();
    $("#sitecheck").removeProp("checked");
    $.cookie("cookieChecked","");
}
}


  $(function(){
      var cookieChecked = $.cookie("cookieChecked");
      if(cookieChecked){
          $('#sitecheck').prop('checked', true);
          $('#closedmsg').show();
      }else{
          $("#sitecheck").removeProp("checked");
          $('#closedmsg').hide();
      }
 })
    

HTML входы:

<span style="font-weight:bold;">close site temp:</span>

<span style="font-weight:bold;">close site and add message</span><br>

Это работает отлично, спасибо всем снова.