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

}

//else if (objId.elements[i].type == "file") {

// //objId.elements[i].select();

// //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 按钮

页面中增加

触发 reset 事件

$("input[type=reset]").trigger("click");相关阅读:

php中 $$str 中 "$$" 的详解

Android带进度的圆形进度条

微信支付java版本之Native付款

JS实现网页游戏中滑块响应鼠标点击移动效果

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

Android中操作SQLite数据库快速入门教程

js+div实现文字滚动和图片切换效果代码

.Net判断一个对象是否为数值类型实例

Android ListView组件详解及示例代码

PHP的拦截器实例分析

PHP中使用foreach()遍历二维数组的简单实例

深入理解Android中的Handler异步通信机制

ASP.NET中Application全局对象用法实例浅析

自己封装的常用javascript函数分享