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 相关文章推荐
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
Jan 13 Javascript
常规表格多表头查询示例
Feb 21 Javascript
jQuery中阻止冒泡事件的方法介绍
Apr 12 Javascript
javascript操作表格排序实例分析
May 06 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
Aug 26 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
JavaScript运动框架 多值运动(四)
May 18 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
Aug 14 jQuery
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 Javascript
vue中keep-alive内置组件缓存的实例代码
Apr 16 Javascript
如何在Express4.x中愉快地使用async的方法
Nov 18 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
Linux下CoreSeek及PHP扩展模块的安装
2012/09/23 PHP
PHP实现的汉字拼音转换和公历农历转换类及使用示例
2014/07/01 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
文本链接逐个出现的js脚本
2007/12/12 Javascript
封装了一个js图片轮换效果的函数
2011/09/28 Javascript
JavaScript版TAB选项卡效果实例
2013/08/16 Javascript
jQuery $.extend()用法总结
2014/06/15 Javascript
Bootstrap每天必学之下拉菜单
2015/11/25 Javascript
详解JavaScript表单验证(E-mail 验证)
2016/03/31 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
解决vue项目input输入框双向绑定数据不实时生效问题
2020/08/05 Javascript
前端使用crypto.js进行加密的函数代码
2020/08/16 Javascript
swiperjs实现导航与tab页的联动
2020/12/13 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
python数据结构之二叉树的遍历实例
2014/04/29 Python
Python编程求质数实例代码
2018/01/31 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
python tkinter组件摆放方式详解
2019/09/16 Python
python词云库wordCloud使用方法详解(解决中文乱码)
2020/02/17 Python
python代码如何注释
2020/06/01 Python
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
安全大检查反思材料
2014/01/31 职场文书
社区消防工作实施方案
2014/03/21 职场文书
幼儿老师求职信
2014/06/30 职场文书
租车协议书范本2014
2014/11/17 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
婚礼父母答谢词
2015/01/04 职场文书
JAVA 线程池(池化技术)的实现原理
2022/04/28 Java/Android
Python+DeOldify实现老照片上色功能
2022/06/21 Python