jquery web存储会话存储问题

AI创客 AI创客 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery.js"></script>
<script>


$(document).ready(function(e) {
if (supportsWebStorage()) {//首先判断是否支持本地存储
var giftStatus = sessionStorage.getItem("gift");
$("#gift").click(function() {
if ($(this).attr('checked')) {//单选框被选择,设置本地存储条目
sessionStorage.setItem("gift", "yes");

} else {
sessionStorage.setItem("gift", "no");
}
var giftStatus = sessionStorage.getItem("gift");
alert(giftStatus );
});

$("#checkGift").click(function() {//按钮获取本地存储并判断,给出相应的动态信息
var giftStatus = sessionStorage.getItem("gift");
if (giftStatus == "yes") {
$("#isItaGift").html("<p>This item is a gift.");
$("#gift").attr("checked", "checked");
} else {
$("#isItaGift").html("<p>This item is not a gift.");
$("#gift").removeAttr("checked");
}
});
// web storage functions
} else {
return false;
// fallback functions
}
function supportsWebStorage() {
if('localStorage' in window && window['localStorage'] !== null)
//通过判断存储对象是否存在判断浏览器是否支持本地存储
return true;
else return false;
}
});



</script>
</head>

<body >
<p>
<label>
<input type=checkbox id=gift>This is a gift
</label>
<p>
<button id=checkGift >Check Gift Status</button>
<p><div id="isItaGift"></div>
</body>
</html>

在网上商店保存赠品状态
需求:产品框选中之后存储到会话数据库中,重新载入网页点击按钮恢复,能说明数据库中内容,并点选产品框。
问题出现在当产品框选中时,此时刷新页面,再点单选框也即单选框不被选中,数据库中仍然是选中的yes记录,这显然不对,那么怎么才能正确呢,求大神赐教
...全文
评论 2
收藏 已收藏
分享
返回顶部
AI创客
JavaScript 87,984 成员 224,681 内容