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 相关文章推荐
Prototype 学习 工具函数学习($A方法)
Jul 12 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
jQuery unbind()方法实例详解
Jan 19 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
Express下采用bcryptjs进行密码加密的方法
Feb 07 Javascript
js中el表达式的使用和非空判断方法
Mar 28 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
Aug 28 Javascript
解决vue select当前value没有更新到vue对象属性的问题
Aug 30 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
PHP MemCached高级缓存配置图文教程
2010/08/05 PHP
php数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
php for 循环使用的简单实例
2016/06/02 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
Yii2实现多域名跨域同步登录退出
2017/02/04 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP实现的一致性Hash算法详解【分布式算法】
2018/03/31 PHP
javascript五图轮播切换实用版
2012/08/17 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
简单的JS轮播图代码
2016/07/18 Javascript
JavaScript实现in-place思想的快速排序方法
2016/08/07 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
2017/01/23 Javascript
vue2项目使用sass的示例代码
2017/06/28 Javascript
JavaScript 截取字符串代码实例
2019/09/05 Javascript
解决vue组件销毁之后计时器继续执行的问题
2020/07/21 Javascript
python类和函数中使用静态变量的方法
2015/05/09 Python
利用python打印出菱形、三角形以及矩形的方法实例
2017/08/08 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
django实现类似触发器的功能
2019/11/15 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
来自世界上最好大学的在线课程:edX
2018/10/16 全球购物
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
大学生新闻专业个人自我评价
2013/11/12 职场文书
学术会议欢迎词
2014/01/09 职场文书
小学教师评语大全
2014/04/23 职场文书
竞聘演讲稿
2014/04/24 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
工作检讨书范文
2015/01/23 职场文书
转让协议书
2015/01/27 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android
Nginx配置使用详解
2022/07/07 Servers