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");

 

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