博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js清空表单数据的方式(遍历+reset)
阅读量:6091 次
发布时间:2019-06-20

本文共 1116 字,大约阅读时间需要 3 分钟。

方法1:遍历页面元素

/*清空FORM表单内容 id:表单ID*/function ClearForm(id) {   var objId = document.getElementById(id);   if (objId == undefined) {      return;   }   for (var i = 0; i < objId.elements.length; i++) {     if (objId.elements[i].type == "text") {       objId.elements[i].value = "";     }     else if (objId.elements[i].type == "password") {        objId.elements[i].value = "";     }     else if (objId.elements[i].type == "radio") {        objId.elements[i].checked = false;     }     else if (objId.elements[i].type == "checkbox") {        objId.elements[i].checked = false;     }     else if (objId.elements[i].type == "select-one") {       objId.elements[i].options[0].selected = true;     }     else if (objId.elements[i].type == "select-multiple") {       for (var j = 0; j < objId.elements[i].options.length; j++) {         objId.elements[i].options[j].selected = false;       }     }    else if (objId.elements[i].type == "textarea") {      objId.elements[i].value = "";    }   }}

方法2:使用 reset 按钮

页面中增加

触发 reset 事件

$("input[type=reset]").trigger("click");

 

转载于:https://www.cnblogs.com/yaomajor/p/9248472.html

你可能感兴趣的文章
<Power Shell>16 禁用用户帐户和Excel查看HTML
查看>>
自动化运维工具Ansible之roles
查看>>
MongoDB分片搭建
查看>>
5、Jenkins Email Extension Plugin插件使用说明
查看>>
Flex(mx:DataGrid)实现数据过滤显示
查看>>
中国ERP三大流程 国外ERP黯然失色
查看>>
js 的 slice方法
查看>>
Java网络编程(一)流
查看>>
Unix整理笔记——安全性——里程碑M13
查看>>
【斗医】【1】Web应用开发20天
查看>>
Zabbix 添加监控主机(linux)及汉化
查看>>
2个月的996模式工作结束了,该继续我的博客了
查看>>
数据中心意义和解决方案(如何管理数据中心)
查看>>
高性能的MySQL(5)创建高性能的索引一哈希索引
查看>>
Xtradb+Haproxy高可用数据库集群(四)集群zabbix监控篇
查看>>
awk给外部变量赋值
查看>>
使用OpenSSL生成非对称密钥
查看>>
Hive 0.11 升级踩坑记——HiveServer2的imperson问题
查看>>
擦掉铁锈,人工智能让这家钢铁厂转型重生
查看>>
Windows phone 应用开发[3]-UI 设计
查看>>