这个checkbox,假设选中后,刷新当前页面,让其保持选中状态,未选中,刷新后还是未选中,该怎么写,存在cookie里,然后用js控制checkbox的取值和赋值,不知道具体怎么写代码,新手,给完整代码
如何让checkbox在刷新页面后保持之前的状态
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
4条回答 默认 最新
- Go 旅城通票 2015-10-14 09:21关注
之前不是给过你了?你是单个还是多个checkbox?
<div id="dvCBs"> <input type="checkbox" name="cb" value="1" />cb1 <br /><input type="checkbox" name="cb" value="2" />cb2 <br /><input type="checkbox" name="cb" value="3" />cb3 </div> <script> var dv = document.getElementById('dvCBs'), cbs = dv.getElementsByTagName('input'); dv.onclick = function (e) { e = e || window.event; var o = e.target || e.srcElement; if (o.type == 'checkbox') { var vs = ''; for (var i = 0; i < cbs.length; i++) if (cbs[i].checked) vs += ',' + cbs[i].value; document.cookie = 'vs=' + vs.substring(1);//存储选中的checkbook的值 } } var m = /(^| |;)vs=([^;]+)/.exec(document.cookie); if (m) {//cookie中有值,初始化勾选状态 var arr = m[2].split(','); for(var j=0;j<arr.length;j++) for(var i=0;i<cbs.length;i++) if (cbs[i].value == arr[j]) { cbs[i].checked = true; break;} } </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 5无用
悬赏问题
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器
- ¥15 电脑桌面设定一个区域禁止鼠标操作