jquery js 重置表单 reset()具体实现代码


Posted in Javascript onAugust 05, 2013

在开发中,我们会用到很多表单,我们希望表单提交以后,能reset,
但是jquery没有这个方法,怎么处理呢?

<form id="form1" action="" method="post" runat="server"> 
<input name="inp" id="inp" value="1" /> 
</form>

方法一:
我们可以通过就是实现
id:
document.getElementById("form1").reset();

name:
document.formName.reset();

方法二:
逐一清空:
$("#inp").val("1");

但是表单太多的话,这也是不实际的,有100个,1000个,总不能写100,个1000个吧。
也许你会说,写成这样:
$("input").val("");

那表单的默认值呢?表单还有其他类型,都写一遍?
加type为reset的input
<form id="form1" action="" method="post" runat="server"> 
<input name="inp" id="inp" value="1" /> 
<input id="res" name="res" type="reset" style="display:none;" /> 
</form>

$("input[name='res']").click();

所有表单清空
ok
Javascript 相关文章推荐
TreeView 用法(有代码)(asp.net)
Jul 15 Javascript
js调试系列 控制台命令行API使用方法
Jun 18 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
Dec 04 Javascript
使用D3.js制作图表详解
Aug 13 Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
Jul 22 Javascript
threejs太阳光与阴影效果实例代码
Apr 05 Javascript
vue+elementUI实现表格列的显示与隐藏
Apr 13 Vue.js
vue组件vue-esign实现电子签名
Apr 21 Vue.js
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 #Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 #Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 #Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 #Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 #Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 #Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 #Javascript
You might like
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
top.location.href 没有权限 解决方法
2008/08/05 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
js表单登陆验证示例
2016/10/19 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
javascript创建对象的3种方法
2016/11/02 Javascript
jQuery validate 验证radio实例
2017/03/01 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
vue init webpack 建vue项目报错的解决方法
2018/09/29 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
js module大战
2019/04/19 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
2019/09/13 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
python实现堆栈与队列的方法
2015/01/15 Python
在windows下Python打印彩色字体的方法
2018/05/15 Python
Python中的集合介绍
2019/01/28 Python
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
请说出这段代码执行后a和b的值分别是多少
2015/03/28 面试题
UNIX文件类型
2013/08/29 面试题
大学四年的个人自我评价
2014/01/14 职场文书
微信营销策划方案
2014/02/24 职场文书
信息技术毕业生自荐信范文
2014/03/13 职场文书
2014年校长工作总结
2014/12/11 职场文书
求职信格式范文
2015/03/19 职场文书
2015中学学校工作总结
2015/07/20 职场文书
24句精辟的现实社会语录,句句扎心,道尽人性
2019/08/29 职场文书