使用localStorage小结

<div class="xunzk" style="background-color: #fff;">
   <#list newlist as list>
   <label><input name="choosefield" type="checkbox" class="${list.dfieldname}" value="${list
      .dfieldname}" /><span id="${list.dfieldname}"
      >${list.ddisplayname}</span></label>
   </#list>
</div>
//初始化页面时先获取缓存中所有选中的项并选中
$(document).ready(function() {   
    for(var i=0; i<localStorage.length;i++){
       if (localStorage.getItem(localStorage.key(i)) == "1") {
          $("."+localStorage.key(i)).prop("checked", true);
       }
    }
});
//获取所有多选框的数据
var id = document.getElementsByName('choosefield');
for(var i = 0; i < id.length; i++){
   if(id[i].checked){//如果选中的话把这个放到缓存中
      localStorage.setItem(id[i].value, "1");
   }else{//如果没选中的话把这个从缓存中移除
      localStorage.removeItem(id[i].value);
   }
}
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值