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 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
js二维数组排序的简单示例代码
Jan 24 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
JavaScript中的时间处理小结
Feb 24 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
Jul 09 Javascript
npm全局模块卸载及默认安装目录修改方法
May 15 Javascript
在js代码拼接dom对象到页面上的模板总结
Oct 21 Javascript
JavaScript实现简单轮播图效果
Dec 01 Javascript
vue与django集成打包的实现方法
Nov 11 Javascript
js+audio实现音乐播放器
Sep 13 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
如何开发一个虚拟域名系统
2006/10/09 PHP
PHP Pear 安装及使用
2009/03/19 PHP
PHP array操作10个小技巧分享
2011/06/23 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
PHP面向对象程序设计类的定义与用法简单示例
2016/12/27 PHP
PHP实现通过文本文件统计页面访问量功能示例
2019/02/13 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
jquery validation插件表单验证的一个例子
2010/03/03 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
微信小程序 css使用技巧总结
2017/01/09 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
Node.js中DNS模块学习总结
2018/02/28 Javascript
关于vue面试题汇总
2018/03/20 Javascript
NodeJs项目中关闭ESLint的方法
2018/08/09 NodeJs
解决微信小程序云开发中获取数据库的内容为空的方法
2019/05/15 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
使用layui的layer组件做弹出层的例子
2019/09/27 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
Python网络编程之TCP与UDP协议套接字用法示例
2018/02/02 Python
对python for 文件指定行读写操作详解
2018/12/29 Python
对python:循环定义多个变量的实例详解
2019/01/20 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
python实现五子棋游戏
2019/06/18 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
python3检查字典传入函数键是否齐全的实例
2020/06/05 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
2020/06/28 Python
2015年大学团支部工作总结
2015/05/13 职场文书
革命电影观后感
2015/06/18 职场文书
英语读书笔记
2015/07/02 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
Go gorilla/sessions库安装使用
2022/08/14 Golang