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本身的局限性 别让javascript做太多事
Mar 23 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
Extjs407 getValue()和getRawValue()区别介绍
May 21 Javascript
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
js简单实现竖向tab选项卡的方法
May 04 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
Javascript基础_标记文字的实现方法
Jun 14 Javascript
jQuery鼠标事件总结
Oct 13 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
Node.js Buffer用法解读
May 18 Javascript
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 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
php 函数中使用static的说明
2012/06/01 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
老生常谈PHP位运算的用途
2017/03/12 PHP
thinkPHP5 ACL用户权限模块用法详解
2017/05/10 PHP
PHP使用CURL实现下载文件功能示例
2019/06/03 PHP
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
2014/01/16 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
js使用for循环与innerHTML获取选中tr下td值
2014/09/26 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
2015/08/24 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
2016/08/09 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
微信小程序wx.request实现后台数据交互功能分析
2017/11/25 Javascript
JS抛物线动画实例制作
2018/02/24 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
如何为vuex实现带参数的 getter和state.commit
2019/01/04 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python代理抓取并验证使用多线程实现
2013/05/03 Python
Python自动化部署工具Fabric的简单上手指南
2016/04/19 Python
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
使用pycharm生成代码模板的实例
2018/05/23 Python
Matplotlib 生成不同大小的subplots实例
2018/05/25 Python
python 3.7.0 安装配置方法图文教程
2018/08/27 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
Python super()方法原理详解
2020/03/31 Python
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
文明礼仪小标兵事迹
2014/01/12 职场文书
年检委托书
2014/08/30 职场文书
介绍信如何写
2015/01/31 职场文书
无线电通信名词解释
2022/02/18 无线电
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫
鸿蒙3.0体验感怎么样? 鸿蒙3.0系统评测向
2022/08/14 数码科技