zoukankan      html  css  js  c++  java
  • 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');

  • 相关阅读:
    datalist分页
    css渐变色
    4月25日
    今天
    DataView Distinct
    心情复杂啦
    高数矩阵
    计算机视觉学习OpenCV Java 调用
    大数据学习关于hdfs
    摄影学习构图技巧
  • 原文地址:https://www.cnblogs.com/shangrongyiweng/p/3767974.html
Copyright © 2011-2022 走看看