用sessionStorage设置网页刷新后，仍保留用户点击的radio选项

最新推荐文章于 2023-06-08 16:54:33 发布

yyrSun

最新推荐文章于 2023-06-08 16:54:33 发布

阅读量2k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/yyjourney/article/details/73613194

版权

在项目开发中，为实现用户点击的radio选项在页面刷新后仍能保留，本文介绍了通过sessionStorage来解决这个问题。分别在企业选项和个体工商户选项的点击事件中，清除其他选项并设置相应值到sessionStorage。然后在页面加载时，根据sessionStorage中的值初始化radio选中状态。

摘要由CSDN通过智能技术生成

在做项目的过程遇到这个问题，为了更好的人性化展示，所以用sessionStorage解决这一问题，之前用cookie没有达到想要的效果。

// 点击企业    $("#company").click(function () {        sessionStorage.

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yyrSun

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

利用session存值，跳转刷新页面后回显

Web_Notes的博客

08-04

3565

提交页面，中途选择选项时跳转了页面，返回提交页面时刷新了，以前的数据消失，解决方法：利用session存储数据，返回时再取出回显思路：一、点击跳转时利用session把数据存起来二、跳转页面再存session回提交页三、返回页面，sessionStorage.getItem(key)获取之前存储的数据再放回页面中实现：一、点击跳转时利用session把数据存起来 1.先保存需要存储的数据 var model = {};//var一个空对象，里面用来存所有数据 model.Pics = []//对象

使用sessionStorage解决vuex在页面刷新后数据被清除的问题

08-27

localStorage没有时间期限，除非将它移除，sessionStorage即会话，当浏览器关闭时会话结束，有时间期限，具有自行百度。本文使用的是sessionStorage解决vuex在页面刷新后数据被清除的问题,需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

页面刷新时实现单选按钮radio值不变

小小渔夫

03-18

3059

单选按钮 <input type="radio"> 标签定义了表单单选框选项，我们平时使用单选按钮的时候，一般会选中默认radio值。这时候我们会使用checked来实现。 <form> <input type="radio" name="sex" value="male" checked>Male<br> <inpu...

在jsp页面跳转后保持radio的值

mz_hj的博客

10-12

406

jsp获取radio的值悬赏分：0 - 解决时间：2009-5-24 19:05 我现在在jsp中这样一个radio： <input type="radio" name="keyMan" value=""/>是 <input type="radio" name="keyMan" value=""/>否我在后台返

刷新页面时保存radio状态

非典型程序员

12-29

1360

嗯。只是留个底，让自己以后需要的话可以用到。 a. 在<body> 中加onload="<change1()>" b. 写js <script type="text/javascript"> function change1(){ var inputType="${requestScope.flag}"; //flag是在java中定义的..

刷新页面时 select、raido值保持不变

hadsdn的博客

04-19

1104

刷新页面时，要使下拉菜单(select)、raido保持不变，用ajax是无法实现的。我想只能通过cookies才能实现。刷新前先把select或radio的值保存在cookies中，刷新后再填回去。下面是测试代码： select name="sex" id="sex" onchange="save()"> option value="01" selected

jquery筛选器插件选项卡

02-28

2. 数据存储：可能利用`localStorage`或`sessionStorage`保存用户的选择状态，以便在页面刷新后恢复。 3. 交互元素：可能包含`<input type="radio">`作为选项卡的触发元素，利用`data-*`属性存储额外信息。综上所...

html5 localStorage实现表单本地存储

老虎帅呆了的博客

10-08

7939

进入正题了,项目中有许多表单输入框要填写,还有一些单选复选框之类的.用户可能在填写了大量的信息之后,不小心刷新了页面或者出现了什么异常,导致页面上填写的信息消失了.还得重新填写信息,麻烦至极. html5推出了本地存储的功能,localStorage以及sessionStorage.我打算利用他们来实现一个临时存储的功能,即使页面刷新,数据依然保留. 1.页面初始如下:

借助FreeHttp为任意移动端web网页添加vConsole调试

weixin_30848775的博客

06-19

1166

以下介绍在不用修改代码并发布项目的情况下，为我们日常使用的移动web应用（如手机web淘宝）添加vConsole调试工具的方法 vConsole介绍 vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。使用vConsole的项目可以让手机上的Web浏览器，拥有类似PC调试工具的能力。正常情况下使用vConsole需要...

JavaScript当中网页刷新后数值（text、radio、checkbox、select、textarea）保持不变（输入域数据保持）的简单方法

WillWinwin

12-22

3002

JavaScript当中网页刷新后数值（text、radio、checkbox、select、textarea）保持不变（输入域数据保持）的简单方法其实方法都差不多，直接使用this.value='<%=request.getParameter("UserN

vuex页面刷新数据丢失问题（sessionStorage解决）

黎小小的博客

06-30

1980

vuex中的变量是响应式的，数据存储在内存中，页面手动刷新后数据就丢失了，所以将数据放进sessionStorage(是存储到当前页面关闭为止，和其他tab页没关联)中另外也可以通过安装插件方式解决（以下三种方式都可以）：另外通过sessionStorage取出的数据是对象数组[Object,Object]格式，需要存储时通过JSON.stringify(payload)处理数据，取出时通过JSON.parse(sessionStorage.getItem("BANNERS_INFO"))处理

vue使用sessionStorage实现刷新页面不会触发自己的方法

最新发布

qq_41926051的博客

06-08

385

如果想删除设置的session,则调用sessionStorage.removeItem("noticePopNameSession");

html 改变radio选中状态,js实现动态改变radio状态的方法

weixin_29903713的博客

05-31

1748

h5的radio是自带选中状态改变的，但是如果自带的状态无法满足自己的需求时，就需要自己去实现。代码如下：h5部分代码最新资料我的资料分类浏览浏览历史CSS代码input[type="radio"] {/*取消自带按钮*/color:gray;display: none;}.group>label:hover{/*鼠标移到控件上做的改变*/background-color: cornflow...

html中radio、checkbox选中状态研究

Jim~LoveQ的博客

03-26

309

html中radio、checkbox选中状态研究本文为转载文章，原出处请参考下方版权声明：本文为转载文章，出处： https://blog.csdn.net/qq_29542611/article/details/73385002 我们在web页面开发中经常需要让单选框、复选框进行选中或者不选中的操作，我们知道要让单选框或者复选框默认选中就需要添加checked属性，但是我们在js中使用jq...

select 和 radio 的选中状态

doc6093的博客

12-28

166

radio： <script type="text/javascript"> //判断个函数以上 5 个Radio 那个为选中状态function judgeRadioClicked(){ //获得单选选按钮name集合 var radios = document.getElementsByName("radio_...

用户刷新页面，保留当前内容

tryout123456的博客

10-04

3070

要实现一个功能，当用户刷新页面时，能保留当前状态，而不恢复默认设置。在网上找了一下，觉得可以用localStorage或者sessionStorage试一下。就是在用户刷新页面时（严格的来说应该是要离开当前页面的时候）用storage保留当前的html。这里涉及到全局的eventlistener->onbeforeunload 一、存储当前html window.onbeforeunload = function(){ var html = document.querySelector("

一文带你实现刷新页面数据不丢失(操作状态保留)效果

izl040905的博客

11-07

7388

页面刷新后对数据的操作状态进行保留，也就是页面刷新数据不丢失效果，是我们对前端项目开发中一个算是比较基本的效果了。其实实现的话也是很简单的，今天就来带你一文彻底弄懂此效果的实现。

sessionStorage

yes_catherine的博客

08-13

796

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。测试： 1 页面刷新后是否丢失答案：不会 2 同一页面在不同tab页是否会相互影响答案：不会代码逻辑：每set一次sessionStorage中存储的数字加1 两个tab页完全不影响 ...

Vue刷新后数据持久化：localStorage与sessionStorage策略

总结来说，本文介绍了如何通过结合Vue的生命周期钩子和浏览器的本地存储机制，确保在页面刷新后能保持store中的数据，以及如何妥善管理用户认证相关的token。这些建议对于开发过程中处理这类常见的数据持久化问题...