/*
清空FORM表單內(nèi)容 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 按鈕

頁(yè)面中增加

<!--用來(lái)清空表單數(shù)據(jù)-->
<input type="reset" name="reset" style="display: none;" />

觸發(fā) reset 事件

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

您可能感興趣的文章:

表單數(shù)據(jù)

相關(guān)文章

js實(shí)現(xiàn)的彩色方塊飛舞奇幻效果
這篇文章主要介紹了js實(shí)現(xiàn)的彩色方塊飛舞奇幻效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
詳解js中的原型，原型對(duì)象，原型鏈
這篇文章主要介紹了js中的原型，原型對(duì)象，原型鏈的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下
2020-07-07
用javascript關(guān)閉本窗口技巧小結(jié)
window.close()是用來(lái)關(guān)閉窗口的，而且ie和firefox都是支持的，下面通過(guò)示例為大家介紹下用javascript關(guān)閉本窗口
2014-09-09
解析使用js判斷只能輸入數(shù)字、字母等驗(yàn)證的方法(總結(jié))
本篇文章對(duì)使用js判斷只能輸入數(shù)字、字母等驗(yàn)證的方法進(jìn)行了總結(jié)介紹，需要的朋友參考下
2013-05-05
js截取函數(shù)(indexOf,join等)
下面是js中截取字符串經(jīng)常會(huì)用到的一些函數(shù)，這里每個(gè)函數(shù)都給出了例子，學(xué)習(xí)的朋友可以參考下。
2010-09-09
兼容IE和Firefox火狐的上下、左右循環(huán)無(wú)間斷滾動(dòng)JS代碼
html里的marqueen也能實(shí)現(xiàn)內(nèi)容的滾動(dòng)，但滾動(dòng)是間斷的，運(yùn)用JavaScript可以使這一問(wèn)題得到改觀，實(shí)現(xiàn)無(wú)間斷的滾動(dòng),讓頁(yè)面看起來(lái)更美觀
2013-04-04
Javascript中正則表達(dá)式的應(yīng)用詳解
這篇文章主要為大家詳細(xì)介紹了Javascript中正則表達(dá)式的應(yīng)用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-02-02
JavaScript學(xué)習(xí)筆記之?dāng)?shù)組的增、刪、改、查
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之?dāng)?shù)組的增、刪、改、查的相關(guān)資料,需要的朋友可以參考下
2016-03-03
JS實(shí)現(xiàn)可控制的進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)可控制的進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
js利用事件的阻止冒泡實(shí)現(xiàn)點(diǎn)擊空白模態(tài)框的隱藏
點(diǎn)擊彈出某個(gè)框框，但是，有時(shí)候不想操作，就想點(diǎn)擊某個(gè)空白處，隱藏該框框，關(guān)于這一點(diǎn)，下面有個(gè)具體的實(shí)現(xiàn)
2014-01-01