<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); } }
使用localStorage小结
最新推荐文章于 2024-07-23 23:43:36 发布