jquery.cookie实现刷新页面复选框选定状态不变

①添加需要的js文件

jquery.cookie.js必不可少。

<SCRIPT type="text/javascript" src="js/jquery.cookie.js"></SCRIPT>
<SCRIPT type="text/javascript" src="js/jquery.js"></SCRIPT>

②,HTML页面

<div>
     自动刷新:<input type="checkbox" id="refresh" />
</div>

③javascript脚本

 1<script language="JavaScript">
 3         $("#refresh").click(function(){
 4             var A = ($("#refresh").attr("checked")==true)?1:0;
 5             $.cookie("A",A);
 6             window.location.reload(true);//自动刷新页面
 7         });
 8         if(1==$.cookie("A")){
 9             $("#refresh").attr("checked","checked"); 
10             setTimeout('refresh()',1000*60);//setTimeout('method',value)设定每隔多久时间自动刷新页面
11         }
12         function refresh(){ 
13             window.location.reload();
14         }
15 </script>      

====================jquery.cookie常用方法====================

①设置cookie的值,把name变量的值设为value  

  $.cookie(’name’, ‘value’);

②新建一个cookie 包括有效期 路径 域名等

  $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});

③新建cookie

  $.cookie(’name’, ‘value’);
④删除一个cookie
  $.cookie(’name’, null);

⑤取一个cookie(name)值并赋给value

  var value= $.cookie('name');

原文地址:https://www.cnblogs.com/shangrongyiweng/p/3767974.html