关于js cookie长期记住复选框状态?

下面代码可以保持刷新不变,但关闭页面后打开无效

<html>
<head>
<script type="text/javascript" src="/static/style/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/style/js/jquery.cookie.js"></script>
<script>
$(function(){

$("input:checkbox").each(function()
{
if($.cookie($(this).attr('name'))*1==1)
{
$(this).prop('checked','checked');
}

})

$("input:checkbox").change(function() {

if($(this).prop('checked'))
{

$.cookie($(this).attr('name'), 1);
}
else
{

$.cookie($(this).attr('name'), 0);
}

});

})

</script>
</head>
<body>
<input name="c1" type="checkbox"></input> c1
<br/>
<input name="c2" type="checkbox"></input> c2
</body>
</html>

呼如林
浏览 965回答 2
2回答

杨魅力

设置一个保存的时间new&nbsp;Date().setDate(new&nbsp;Date().getDate()+t);document.cookie&nbsp;=&nbsp;'名称=值;expires='&nbsp;+&nbsp;new&nbsp;Date().toUTCString();t自己定义吧

拉丁的传说

cookie默认是关闭浏览器就是失效不保留的,你设置一下cookie的过期时间设置为永不过期,不过使用cookie来记录你这种内容的实现方式并不好,最好是保存在数据库中,这样不会因为用户清理缓存而导致你的记录失效。如果必须要保存在客户端的话用localStorage 也比cookie强,因为你记录在cookie里面的内容默认是会跟着每次请求发送到服务端的,影响性能
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript