- 浏览: 170218 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (202)
- AOP (1)
- Dom4j 使用简介 (1)
- eclipse (16)
- Git (1)
- hibernate (2)
- html (4)
- ha (1)
- JDBC (4)
- java (15)
- java泛型 (1)
- jsp (7)
- js&jquery (14)
- jdk (1)
- log4j (12)
- linux (23)
- maven (9)
- mysql (7)
- myeclipse (2)
- MongoDB (4)
- oracle应用 (3)
- php (6)
- struts2 (4)
- spring (10)
- svn (3)
- shell (7)
- servlet (8)
- socket (2)
- sqlite (1)
- TomCat (2)
- ThinkPHP (2)
- UltraEdit (1)
- vmware (2)
- WebService (2)
- web.xml (3)
- windows (1)
- xml (3)
- 软件应用 (2)
- 感悟 (1)
- 插件 (1)
- 非技术 (6)
- 编码 (1)
- 网络协议 (4)
- 杂谈 (2)
- 证书 (1)
- 加密 (3)
- 分布与集群 (1)
- PKI (1)
- thymeleaf (1)
- springboot (1)
- ajax (1)
最新评论
页面添加重置按钮,可用于添加页面,编辑页面(思路:先把加载后的页面中需要重置的值先存储在各自的map中,重置时覆盖回去)
写一个按钮触发
<script type="text/javascript"> var inputTextMap = {}; //<input type="text"> var inputFileMap = {};//<inoput type="file"> var textareaMap = {};//<textarea ...> var inputRadioMap = {};//<input type="radio"> var inputCheckboxMap = {};//<input type="checkbox"> var selectMap = {};//select下拉框 var imgMap = {};//<img id="" src="..."> $("#pageContent input[type='text']").each(function(){//pageContent 为从id为pageContent 的标签下查找 inputTextMap[$(this).attr("name")] = $(this).val(); }); $("#pageContent input[type='file']").each(function(){ inputFileMap[$(this).attr("name")] = $(this).val(); }); $("#pageContent textarea").each(function(){ textareaMap[$(this).attr("name")] = $(this).text(); }); $("#pageContent input[type='radio']:checked").each(function(){ inputRadioMap[$(this).attr("name")] = $(this).val(); }); $("#pageContent input[type='checkbox']").each(function(){ if($(this).attr("checked")=="checked"){ inputCheckboxMap[$(this).attr("name")+","+$(this).attr("value")] = "checked"; }else{ inputCheckboxMap[$(this).attr("name")+","+$(this).attr("value")] = "unchecked"; } }); $('#pageContent select').each(function(){ selectMap[$(this).attr("id")] = $(this).val(); }); $("#pageContent img").each(function(){ imgMap[$(this).attr("id")] = $(this).attr("src"); }); function inputTextReset(){ for(var name in inputTextMap){ if(inputTextMap.hasOwnProperty(name)){ $("input[name='"+ name +"']").val(inputTextMap[name]); } } } function inputFileReset(){ for(var name in inputFileMap){ if(inputFileMap.hasOwnProperty(name)){ $("input[name='"+ name +"']").val(inputFileMap[name]); } } } function textareaReset(){ for(var name in textareaMap){ if(textareaMap.hasOwnProperty(name)){ $("textarea[name='"+ name +"']").val(textareaMap[name]); } } } function inputRadioReset(){ $.each(inputRadioMap,function(key,value){ $("input:radio:[name='"+key+"']:[value='"+value+"']").attr("checked",true); }); } function inputCheckboxReset(){ $.each(inputCheckboxMap,function(key,value){ if('checked' == value){ $("input:checkbox:[name='"+key.split(",")[0]+"']:[value='"+key.split(",")[1]+"']").attr("checked", "checked"); }else{ $("input:checkbox:[name='"+key.split(",")[0]+"']:[value='"+key.split(",")[1]+"']").removeAttr("checked"); } }); } function selectReset(){ $.each(selectMap,function(key,value){ $("#"+key+" option[value = '"+value+"']").attr("selected","selected"); }); } function imgReset(){ $.each(imgMap,function(key,value){ $("#"+key).attr("src",value); }); } function allReset(){ inputTextReset(); inputFileReset(); textareaReset(); inputRadioReset(); inputCheckboxReset(); selectReset(); imgReset(); } </script>
写一个按钮触发
<button type="button" onclick="allReset()" >重置页面</button>
发表评论
-
html页面引入另一html片段,并重新加载js
2019-12-10 14:16 703页面需要有这一功能,通过点击不同的按钮,在同一<div ... -
jQuery校验上传文件格式和大小
2018-09-14 17:03 1229jQuery校验上传文件的格式和大小, <input i ... -
使用JS对中文字符串进行utf-8的Base64编码
2017-03-26 18:13 1053<!DOCTYPE html PUBLIC &quo ... -
js中使标记失效disabled,定时器
2016-12-23 09:59 670<div id="esealSubRigh ... -
计时器
2016-12-22 17:01 473jsp页面需要检测一个input框中的值,如果有变化则触发另一 ... -
数组转json,json转数组
2016-06-04 10:06 483thinkphp后台用到了将数组转成json数据传到前台htm ... -
PHP数组和Json之间的转换
2016-05-09 14:46 417引用http://www.cnblogs.com/xmphoe ... -
html的disabled使用
2016-05-07 21:37 1475disabled 属性规定应该禁用 input 元素。 被禁 ... -
jQuery页面加载初始化的3种方法
2016-05-07 17:55 1626一、jQuery 页面加载初始化的方法有3种 ,页面在加载的 ... -
Myeclipse 安装Aptana3.2 插件
2014-07-28 17:57 478原文地址:http://www.cnbl ... -
html显示本地xml文件内容
2014-07-17 11:18 1322实现浏览本地xml文件 ... -
JQuery:常用方法一览
2014-06-04 09:36 645Attribute:$(”p”).addClass(cs ... -
prototype.js详解
2014-06-01 13:14 479prototype.js是什么? 万 ...
相关推荐
点击重置按钮,提示是否确认重置表单
在网页设计时,使用图片来代替简单的提交和重置按钮会使网页增色不少,这里总结了一些编程实现方法,希望对网页设计爱好者有所益处。
Bootstrap按钮功能之查询按钮和重置按钮 1、问题背景 一般情况下,查询列表有查询条件、查询按钮和重置按钮,输入查询条件,点击查询按钮查询列表等数据;点击重置按钮会将查询条件恢复到原始状态 2、实现源码 <...
今天小编就为大家分享一篇layui 点击重置按钮, select 并没有被重置的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
您可以像按下按钮一样使用Arduino Uno防护板的重置按钮。 数据存储在SRAM中,复位后将保留。
在本篇文章中我们给大家带来了Jquery和CSS实现选择框重置按钮功能的相关代码,需要的朋友们参考下。
我们在做表单的时候往往会设置一个提交按钮和一个重置按钮,有时可能会为了页面的好看而使用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)...
主要介绍了Angular2搜索和重置按钮过场动画,需要的朋友可以参考下
实现清空按钮的简单方法。 文章:http://blog.csdn.net/yysyangyangyangshan/article/details/43344485
这是该扩展程序的目的:隐身模式重置按钮删除了在一段时间内正在运行的隐身会话中积累的所有数据-历史记录,缓存,Cookie ... ...,而不必关闭所有隐身选项卡。当前无法执行此操作-您要么必须关闭所有隐身选项卡并...
计数器定时器Swift APP 显示计数和秒间隔,带有开始、暂停和重置按钮打开Xcode并创建一个新项目“CouterTimer” 新建项目 --> 单页应用程序语言 : 快速创建项目后自动生成的文件AppDelegate.swift ViewController...
此外,按下正面的重置按钮至少一秒钟会发出蜂鸣声并软重启APU。 有关请参见。安装 # sudo apt-get install linux-headers-$(uname -r) build-essential# git clone https://github.com/trick77/apu-led-button# cd
VC中按钮重绘,根据BMP位图显示不同状况的按钮。
JavaScript_StopWatch 具有启动,停止和重置按钮的秒表。
柜台用JS编码的数字计数器加,减和重置按钮
该系统可以多次使用,而无需通过重置按钮来重新运行代码。 它是如何发展的? 该系统于2020年开发,是3D图像处理和计算机视觉课程的最终项目。 SIFT和RANSAC用于实现它。 框图如下所示。 怎么运行呢? 创建三个...
ESP8266-RPi-PowerHander-for PS1-保护套 一个使用WEMOS D1 mini(带中继屏蔽)和带电源开关和重置按钮的旧Playstation 1机壳的Raspberry Pi动力处理器。
2.使用信号和槽完成点击重置按钮 删除账户和密码内容 3.使用信号和槽完成点击"登录"按钮时,检测用户输入的账号和密码。如果账号为 admin, 密码为 123456 时,控制台提示“登录成功”; 反之,则提示"账号或者密码...