jquery清空表单数据示例分享


Posted in Javascript onFebruary 13, 2014
function clearForm(form) {
  // iterate over all of the inputs for the form
  // element that was passed in
  $(':input', form).each(function() {
    var type = this.type;
    var tag = this.tagName.toLowerCase(); // normalize case
    // it's ok to reset the value attr of text inputs,
    // password inputs, and textareas
    if (type == 'text' || type == 'password' || tag == 'textarea')
      this.value = "";
    // checkboxes and radios need to have their checked state cleared
    // but should *not* have their 'value' changed
    else if (type == 'checkbox' || type == 'radio')
      this.checked = false;
    // select elements need to have their 'selectedIndex' property set to -1
    // (this works for both single and multiple select elements)
    else if (tag == 'select')
      this.selectedIndex = -1;
  });
};
Javascript 相关文章推荐
js中typeof的用法汇总
Dec 12 Javascript
javascript实现数字验证码的简单实例
Feb 10 Javascript
jQuery中hasClass()方法用法实例
Jan 06 Javascript
js实现仿爱微网两级导航菜单效果代码
Aug 31 Javascript
学习JavaScript设计模式之模板方法模式
Jan 20 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
jquery编写日期选择器
Mar 16 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
vue-cli3+typescript初体验小结
Feb 28 Javascript
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 Javascript
jquery提交form表单时禁止重复提交的方法
Feb 13 #Javascript
Jquery获得控件值的三种方法总结
Feb 13 #Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 #Javascript
ListBox实现上移,下移,左移,右移的简单实例
Feb 13 #Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 #Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
Feb 13 #Javascript
用Jquery实现滚动新闻
Feb 12 #Javascript
You might like
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
js原型链原理看图说明
2012/07/07 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
2014/02/26 Javascript
node.js中使用node-schedule实现定时任务实例
2014/06/03 Javascript
JavaScript 事件对象介绍
2015/04/13 Javascript
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
VUE axios上传图片到七牛的实例代码
2017/07/28 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
python实现用户登陆邮件通知的方法
2015/07/09 Python
python学习之编写查询ip程序
2016/02/27 Python
从零开始学Python第八周:详解网络编程基础(socket)
2016/12/14 Python
浅谈编码,解码,乱码的问题
2016/12/30 Python
Python获取文件所在目录和文件名的方法
2017/01/12 Python
ubuntu17.4下为python和python3装上pip的方法
2018/06/12 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
FC-Moto丹麦:欧洲最大的摩托车服装和头盔商店之一
2019/08/20 全球购物
商务日语毕业生自荐信范文
2013/11/14 职场文书
大学毕业感言一句话
2014/02/06 职场文书
司机检讨书
2014/02/13 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
自我介绍演讲稿范文
2014/08/21 职场文书
2014乡镇党政班子四风问题思想汇报
2014/09/14 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
优秀教师个人总结
2015/02/11 职场文书
质量保证书怎么写
2015/02/27 职场文书
安全生产警示教育活动总结
2015/05/09 职场文书
聘用合同范本
2015/09/21 职场文书
高一英语教学反思
2016/03/03 职场文书
Java基础之详解HashSet的使用方法
2021/06/30 Java/Android
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
Python 的演示平台支持 WSGI 接口的应用
2022/04/20 Python