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 相关文章推荐
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
js全屏显示显示代码的三种方法
Nov 11 Javascript
jQuery遍历Table应用示例
Apr 09 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
Oct 17 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
node.js中的fs.fchmod方法使用说明
Dec 16 Javascript
jQuery对象初始化的传参方式
Feb 26 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
基于jquery步骤进度条源码分享
Nov 12 Javascript
简单了解JS打开url的方法
Feb 21 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 Javascript
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
PHP中对缓冲区的控制实现代码
2013/09/29 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
简明json介绍
2008/09/28 Javascript
innerText 使用示例
2014/01/23 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
2014/06/05 Javascript
javascipt:filter过滤介绍及使用
2014/09/10 Javascript
javascript的BOM汇总
2015/07/16 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
2015/11/05 Javascript
input输入密码变黑点密文的实现方法
2017/01/09 Javascript
ionic3 懒加载
2017/08/16 Javascript
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
2019/04/07 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
jQuery中event.target和this的区别详解
2020/08/13 jQuery
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
python绘制直方图和密度图的实例
2019/07/08 Python
深入浅析Python 中的sklearn模型选择
2019/10/12 Python
Python : turtle色彩控制实例详解
2020/01/19 Python
python调用摄像头的示例代码
2020/09/28 Python
Python list和str互转的实现示例
2020/11/16 Python
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
异步传递消息系统的作用
2016/05/01 面试题
抄作业检讨书
2014/02/17 职场文书
父母对孩子说的话
2014/04/12 职场文书
设备售后服务承诺书
2014/05/30 职场文书
债务授权委托书范本
2014/10/17 职场文书
2014年施工员工作总结
2014/11/18 职场文书
党员民主生活会材料
2014/12/15 职场文书
学生评语集锦
2015/01/04 职场文书
个人求职意向书
2015/05/11 职场文书
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers