遍历+reset实现js清空表单数据的两种方式

分类：Javascript| 发布：佚名| 查看：222 | 发表时间：2014/7/21

方法1：遍历页面元素

01/*
02清空FORM表单内容 id：表单ID*/
03function ClearForm(id) {
04var objId = document.getElementById(id);
05if (objId == undefined) {
06return;
07}
08for (var i = 0; i < objId.elements.length; i++) {
09if (objId.elements[i].type == "text") {
10objId.elements[i].value = "";
11}
12else if (objId.elements[i].type == "password") {
13objId.elements[i].value = "";
14}
15else if (objId.elements[i].type == "radio") {
16objId.elements[i].checked = false;
17}
18else if (objId.elements[i].type == "checkbox") {
19objId.elements[i].checked = false;
20}
21else if (objId.elements[i].type == "select-one") {
22objId.elements[i].options[0].selected = true;
23}
24else if (objId.elements[i].type == "select-multiple") {
25for (var j = 0; j < objId.elements[i].options.length; j++) {
26objId.elements[i].options[j].selected = false;
27}
28}
29else if (objId.elements[i].type == "textarea") {
30objId.elements[i].value = "";
31}
32//else if (objId.elements[i].type == "file") {
33// //objId.elements[i].select();
34// //document.selection.clear();
35// // for IE, Opera, Safari, Chrome
36// var file = objId.elements[i];
37// if (file.outerHTML) {
38// file.outerHTML = file.outerHTML;
39// } else {
40// file.value = ""; // FF(包括3.5)
41// }
42//}
43}
44}

方法2：使用 reset 按钮

页面中增加

`1`	`<!--用来清空表单数据-->`

`2`	`<input type="reset"` `name="reset"` `style="display: none;"` `/>`

触发 reset 事件

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

365据说看到好文章不转的人，服务器容易宕机！

标签：表单

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/javascript/1501.html

遍历+reset实现js清空表单数据的两种方式

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想爱你所爱

遍历+reset实现js清空表单数据的两种方式

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想 爱你所爱

想你所想爱你所爱