有初始值的 form 表单元素重置(reset)解决方案

本文提供了一种JavaScript方法,用于清除HTML表单的所有字段,包括文本框、复选框、单选按钮等,确保表单可以回到初始状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. <script language="JavaScript" type="text/javascript">
  2. <!--
  3. // 说明:有初始值的 form 表单元素重置(reset)解决方案
  4. // 整理:http://www.CodeBit.cn
  5. function clearForm(formName) {
  6. var formObj = document.forms[formName];
  7. var formEl = formObj.elements;
  8. for (var i=0; i<formEl.length; i++)
  9. {
  10. var element = formEl[i];
  11. if (element.type == 'submit') { continue; }
  12. if (element.type == 'reset') { continue; }
  13. if (element.type == 'button') { continue; }
  14. if (element.type == 'hidden') { continue; }
  15. if (element.type == 'text') { element.value = ''; }
  16. if (element.type == 'textarea') { element.value = ''; }
  17. if (element.type == 'checkbox') { element.checked = false; }
  18. if (element.type == 'radio') { element.checked = false; }
  19. if (element.type == 'select-multiple') { element.selectedIndex = -1; }
  20. if (element.type == 'select-one') { element.selectedIndex = -1; }
  21. }
  22. }
  23. //-->
  24. </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值