hola soy javascript novato

Tengo una casilla de verificación que desliza hacia abajo otras entradas, quiero mantener esa casilla de verificación marcada y la otra entrada se muestra después de actualizar la página si se marca la casilla de verificación de entrada

javascript:

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

esta mis entradas:

<label for="sitecheck">
<span style="font-weight:bold;">close site+ msg:</span>
</label>
<input name="" type="checkbox" id="sitecheck" onclick="validateSitec()" /><span style="font-weight:bold;">click to activate msg</span><br>
<input type="text" name="closedmsg" id="closedmsg" style="width:440px;height:120px;display:none;" value="enter closed msg.."/>

Quiero que si está marcada permanezca marcada .. y no cambie después de actualizar la página, luego, cuando no esté marcada, volverá a la normalidad y se desactivará cuando se actualice la página.

¿Debo usar php para que no cambie después de verificar con javascript?

Editado:

Gracias a todos por ayudarnos con el crédito: leiyonglin.

El código de trabajo para cualquier persona que quiera usarlo:

descarga primero:https://github.com/carhartl/jquery-cookie

A continuación, utilice estos códigos de trabajo impresionante:

JavaScript:

<script type="text/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();
      }
 })
    </script>

entradas html:

<label for="sitecheck">
<span style="font-weight:bold;">close site temp:</span>
</label>
<input name="" type="checkbox" id="sitecheck" onclick="validateSitec()" /><span style="font-weight:bold;">close site and add message</span><br>
<input type="text" name="closedmsg" id="closedmsg" style="width:440px;height:120px;display:none;" value="<?php echo $data['csitemsg']; ?>" />

Este trabajo perfecto thx otra vez todos.