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 相关文章推荐
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
jQuery中:visible选择器用法实例
Dec 30 Javascript
JavaScript匿名函数用法分析
Feb 13 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
JavaScript模块化开发之SeaJS
Dec 13 Javascript
js中遍历对象的属性和值的方法
Jul 27 Javascript
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
Jul 12 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
通过实例了解JS执行上下文运行原理
Jun 17 Javascript
Vue OpenLayer测距功能的实现
Apr 20 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
php curl基本操作详解
2013/07/23 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
User Scripts: Video Download by User Scripts
2007/05/14 Javascript
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
JQuery 中几个类选择器的简单使用介绍
2013/03/14 Javascript
使用jQuery插件创建常规模态窗口登陆效果
2013/08/23 Javascript
jquery选择器使用详解
2014/04/08 Javascript
jQuery中:lt选择器用法实例
2014/12/29 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
web打印小结
2017/01/11 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
手动下载Chrome并解决puppeteer无法使用问题
2018/11/12 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
2020/11/18 Vue.js
Python去除字符串两端空格的方法
2015/05/21 Python
python使用正则表达式提取网页URL的方法
2015/05/26 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
pyqt5简介及安装方法介绍
2018/01/31 Python
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
python写一个随机点名软件的实例
2019/11/28 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
python GUI库图形界面开发之PyQt5多线程中信号与槽的详细使用方法与实例
2020/03/08 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
意大利运动服减价商店:ScontoSport
2020/03/10 全球购物
满月酒答谢词
2014/01/14 职场文书
餐厅考勤管理制度
2014/01/28 职场文书
总经理的岗位职责
2014/02/23 职场文书
财务工作失误检讨书
2015/02/19 职场文书
元宵节寄语大全
2015/02/27 职场文书
医者仁心观后感
2015/06/17 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
HTML5简单实现添加背景音乐的几种方法
2021/05/12 HTML / CSS