js cookie长期记住复选框状态 100
下面代码可以保持刷新不变，但关闭页面后打开无效<html><head><scripttype="text/javascript"src="/static/style/js...
下面代码可以保持刷新不变，但关闭页面后打开无效
<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> 展开
<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> 展开
展开全部
cookie默认是关闭浏览器就是失效不保留的，你设置一下cookie的过期时间设置为永不过期，不过使用cookie来记录你这种内容的实现方式并不好，最好是保存在数据库中，这样不会因为用户清理缓存而导致你的记录失效。如果必须要保存在客户端的话用localStorage 也比cookie强，因为你记录在cookie里面的内容默认是会跟着每次请求发送到服务端的，影响性能。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
