zoukankan      html  css  js  c++  java
  • js清空表单数据的方式(遍历+reset)

    方法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 按钮

    页面中增加

    <!--用来清空表单数据-->
    <input type="reset" name="reset" style="display: none;" />

    触发 reset 事件

    $("input[type=reset]").trigger("click");
  • 相关阅读:
    async中series的实现 javascript构件
    6.算法-计数排序
    5.算法-快速排序
    4.堆排序
    3.分治法研究-搜索数组中的最长连续递增子集
    字典树(Trie)学习笔记
    并查集笔记
    求树的遍历
    P1087 FBI树
    P5017 摆渡车
  • 原文地址:https://www.cnblogs.com/yaomajor/p/9248472.html
Copyright © 2011-2022 走看看