刷新页面后检查javascript保持复选框

嗨我是javascript新手。

我有一个slideDown其他输入的复选框，我想保持选中该复选框，如果检查输入复选框，刷新页面后显示另一个输入

JavaScript的：

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

这是我的意见：

  close site+ msg:  click to activate msg
  

我希望如果选中保持检查..并且刷新页面后不会更改，然后取消选中后恢复正常并在刷新页面时取消选中..

我应该使用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输入：

  close site temp:  close site and add message
 <input type="text" name="closedmsg" id="closedmsg" style="width:440px;height:120px;display:none;" value="" /> 

这个工作完美thx所有。

Answer 1

设置cookie：将checked元素保存在cookieChecked中

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

当页面上传

  $(function(){ var cookieChecked = $.cookie("cookieChecked"); if(cookieChecked){ $(cookieChecked).trigger("click"); } }) 

我使用jquery cookie插件： https ： //github.com/carhartl/jquery-cookie

Answer 2

您可以使用cookie来使用cookie来维护页面刷新时的数据。 我注意到你在代码中使用了JQuery。 这是一个JQuery-Cookie插件，它允许您使用cookie来管理页面刷新时的数据。

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

转到“ 使用”部分，您将找到如何从插件中轻松创建，读取，删除和设置过期。

Answer 3

识别页面刷新事件并将复选框的状态存储在缓存或本地存储中。 刷新完成后，根据检查状态执行您的逻辑

Answer 4

试试这个，不要使用额外的插件：

准备好文件时：

阅读cookies