js清空表单数据的两种方式(遍历+reset)
人气:0方法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 = ""; } //else if (objId.elements[i].type == "file") { // //objId.elements[i].select(); // /https://img.qb5200.com/download-x/document.selection.clear(); // // for IE, Opera, Safari, Chrome // var file = objId.elements[i]; // if (file.outerHTML) { // file.outerHTML = file.outerHTML; // } else { // file.value = ""; // FF(包括3.5) // } //} } }
方法2:使用 reset 按钮
页面中增加
<!--用来清空表单数据--> <input type="reset" name="reset" style="display: none;" />
触发 reset 事件
$("input[type=reset]").trigger("click");
加载全部内容