如何把选中的radio值和checkbox的值缓存在cookie中，后台自行获取

最新推荐文章于 2020-12-03 06:22:10 发布
最新推荐文章于 2020-12-03 06:22:10 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yyjourney/article/details/72956133
版权
本文介绍了一个项目需求场景，为了实现人性化的用户体验，需要在提交表单后仍能显示用户选中的radio和checkbox值。通过JavaScript实现将这些选中值存储到cookie中，以便后台可以方便地获取。提供了相关的HTML和JS代码示例。
摘要由CSDN通过智能技术生成

由于项目需求，让前台效果更人性化，需要在提交之后仍然显示客户选中的value值和checkbox的值。

在网上查的效果并不理想。

自己测试显示的效果如下：


html代码：

<input type="radio" class="radio_checked" value="1" name="radio" checked="checked">
<
最低0.47元/天 解锁文章
yyrSun
关注
专栏目录
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
墩墩分墩
08-16 1473
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
Python+Flask后台交互
热门推荐
志在远方
04-22 1万+
一、概况 Python Web框架有很多个，比如Django、Flask、Tornado等框架。这个三个框架在Web端是比较有影响力的，尤其是Django框架，在快速开发上占有一定的优势。但是Django框架属于重量级框架，它能想到的功能都会事先帮你想好。你只要按照它的模块要求写，一个网站就能很快速搭建出来。 Flask和Tornado框架就属于轻量级框架了，它只提供最核心的功能，其余的功能需要用...
cookie-checkbox:选中复选框时保存 cookie 数据，或在页面加载时将 cookie 数据加载到复选框
05-31
cookie 复选框 选中复选框时保存 cookie 数据，或在页面加载时将 cookie 数据加载到复选框。 观看演示在这里： 安装 < script src =" jquery.js " /> < script src =" jquery.cookie.js " /> < script src =" cookie-checkbox.js " /> 你可以在这里jquery.cookie插件： 用法 步骤 1. 将 data-checkbox-* data-api 设置为 checkbox 所有 cookie 复选框都应该添加 data-checkbox-* data-api。 您需要设置data-cookie-checkbox="true" ，以使一个cookie复选框，然后设置data-cookie-check-box-key="{key}"和data-cookie-c
JS操作Cookie记录radio控件的值
子循
09-20 1048
function saveCookie() { var types = document.getElementsByName("type"); var chk = -1; for(var i=0;i<types.length;i++){ if(types[i].checked){ chk = i; } }
JS 复选框缓存
AFer198215的专栏
12-10 815
用来缓存页面上复选框的数据，比较适合用于ajax提交。 无标题文档 var src = new Array(); var dest = new Array(); /** * 返回变动的选择 */ function getNotEquals(){ var ne = new Array(); for(var i=0,endi=dest.length; i<end
js cookie 存储checkbox_web前端教程之JavaScript学习笔记cookie
weixin_39541044的博客
12-03 89
　　web前端教程之JavaScript学习笔记cookie，cookie 是一个以字符串的形式存储数据的位置 每一个 HTTP 请求都会在请求头中携带 cookie 到服务端 每一个 HTTP 响应都会在响应头中携带 cookie 到客户端 也就是说，cookie 是不需要我们手动设置，就会自动在 客户端 和 服务端之间游走的数据 我们只是需要设置一下 cookie 的内容就可以 COOKIE ...
js cookie 存储checkbox_js设置cookie，读取cookie，删除cookie的方法
weixin_39959298的博客
11-29 106
cookie可以在用户的浏览器中保存一些信息，比如用户的用户名，密码等。今天这篇博文就说一说利用用原生的javascript代码来设置cookie，读取cookie，以及删除cookie的方法。什么是cookie ？cookie：是记录在用户浏览器中的信息，通常情况下是以“键/值”的形式进行存储的，可设置过期的时间.如以下格式name=mochuname：为键名，也就是cookie记录的变量名mo...
在线考试系统(二)---单选多选多种题型（radio和checkbox）
Yolanda_NuoNuo的专栏
02-28 7725
同一个页面有多个题型是如何实现的呢？首先就单选题来说，我们都知道radio单选框是以name来分组的，一个组里只能有一个radio被选中，所以在设计的时候，为了与后台之间的传值，就要根据一定的命名规则，为每个题附一个不同的name，这样才能保证可以在每道题都可以选择一个答案。而多选的题型就用checkbox来做就好了。 首先，考试、试卷、试卷题目以及题目是四个类，一场考试会有很多不同的试卷，
MySQL、JDBC、HTML、CSS、JavaScript、jQuery、tomcat、Http、Servlet、JSP、EL、JSTL、Maven、Cookie、Session（框架第一部分）
wrh0740的博客
07-10 5059
第一章 MySQL 1. 数据库 1、什么是数据库？ 所谓的数据库就是指存储和管理数据的仓库 2、数据库有哪些分类？ 3、什么是关系型数据库？ 底层以二维表的形式保存数据的库就是关系型数据库 stu-学生表 4、常见的关系型数据库有哪些？ Sql Server：微软提供，收费，适用于一些中型或大型的项目中，在java中的使用占比不高（.NET中使用的较多） Oracle：甲骨文公司提供，收费，适用于一些大型或者超大型的项目中，在java中的使用占比非常高 mysql：瑞典MySQLAB公司提
js cookie 存储checkbox_被乱用的 Cookie
weixin_39825722的博客
11-29 168
关于 Cookie 的问题，开发者多多少少都有接触过，但是大多数只有用过，并没有系统学习过。我也发现一个严重的问题，很多人在乱用 cookie，明明可以通过传参数解决的问题，却选择了使用 cookie。先说下为啥要有 cookie？HTTP 是无状态的，也就是说没有保存状态的功能，比如想要知道当前用户处于登录状态，还是未登录状态，只能每次需要的时候向 Server 端获取。那么问题来了，...
js点击checkbox存入cookie自动登录(个人菜鸟笔记)
kadxls的博客
06-23 1417
html: js: if(document.getElementById("remember").checked){   //如果自动登录的checkbox被勾上                         var exp = new Date(); //cookie的保存时间                         exp.setTime(exp.getTi
input radio checkbox选择样式和获取cookie设置cookie
sunshine08_07的博客
01-30 227
一、input选择样式 &lt;div class="input-select"&gt; &lt;div class="input-select-div"&gt; &lt;input id="item1" type="radio" name="item" value="男" checked&am
js 把所选中的复选框的值 存到集合中
蹉跎错，消磨过，最是光阴化浮沫
11-19 404
[code="java"] 无标题文档 function hh(){ var str=document.getElementsByName("1"); var objarray=str.length; var a = new Array(); for (i=0;i
js翻页保存checkbox选择的数据
C_haier的博客
04-18 6685
/** * 翻页保存checkbox选择的数据 */ var checkedIds=""; //翻页保存选中的id /** * 记录选择的元素 * @return */ function changeIds(){ var oneches=document.getElementsByName("ck"); for(var i=0;i<oneches.length;i++)
javascript--清除表单缓存
anbinmei9074的博客
04-04 215
表单缓存是指当用户在表单输入之后再次回到该表单或者刷新页面的时候，浏览器会直接显示用户之前的输入，即表单缓存下来了。多数情况下这正是我们想要的，但也有些情况我们希望表单能够刷新，特别是根据后台的数据刷新。例如：单选框 radio属性，当我们点击之后，刷新一下页面，刚才点击的选项并没有清除，而是缓存了下来。原因：表单缓存造成的。 解决办法： 1. 清除页面缓存。HTML heade...
ASP.NET DataList遍历获取选中Checkbox值
本篇文章将深入探讨如何在 DataList 循环遍历过程中，获取并操作其中的 checkbox 控件。DataList 的 ItemTemplate 部分被用来定义每个列表项的结构，其中包括一个隐藏的 Label 控件（lblID）和一个 Checkbox 控制器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值