快捷導(dǎo)航

js清空表單數(shù)據(jù)的兩種方式(遍歷+reset)

更新時(shí)間：2014年07月18日 15:19:46 投稿：whsnow

這篇文章主要介紹了js清空表單數(shù)據(jù)的兩種方式(遍歷+reset),需要的朋友可以參考下

方法1：遍歷頁(yè)面元素

/*
清空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)文章

一文學(xué)習(xí)JavaScript?使用誤區(qū)
在?JavaScript?程序中如果你在?if?條件語(yǔ)句中使用賦值運(yùn)算符的等號(hào)?(=)?將會(huì)產(chǎn)生一個(gè)錯(cuò)誤結(jié)果,?正確的方法是使用比較運(yùn)算符的兩個(gè)等號(hào)?(==)，這篇文章主要介紹了一文學(xué)習(xí)JavaScript?使用誤區(qū),需要的朋友可以參考下
2023-02-02
Bootstrap學(xué)習(xí)筆記輪播（Carousel）插件
Bootstrap 輪播（Carousel）插件是一種靈活的響應(yīng)式的向站點(diǎn)添加滑塊的方式。這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記輪播（Carousel）插件,需要的朋友可以參考下
2017-03-03
BootStrap Table 分頁(yè)后重新搜索問(wèn)題的解決辦法
這篇文章主要介紹了BootStrap Table 分頁(yè)后重新搜索問(wèn)題的解決辦法,自定義搜索且有分頁(yè)功能,比如搜索產(chǎn)品名的功能。小編給大家?guī)?lái)了關(guān)鍵代碼，非常不錯(cuò)，需要的朋友可以參考下
2016-08-08
微信小程序?qū)崿F(xiàn)動(dòng)態(tài)獲取元素寬高的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)獲取元素寬高的方法,結(jié)合實(shí)例形式分析了微信小程序動(dòng)態(tài)獲取、設(shè)置元素寬高的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2018-12-12
LayUI數(shù)據(jù)接口返回實(shí)體封裝的例子
今天小編就為大家分享一篇LayUI數(shù)據(jù)接口返回實(shí)體封裝的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
TypeScript中的類(lèi)
這篇文章主要介紹了TypeScript中的類(lèi)，類(lèi)這個(gè)概念基本是所有面向?qū)ο缶幊陶Z(yǔ)言都具有一個(gè)概念，JavaScript中ES6?之前是沒(méi)有類(lèi)這個(gè)概念，下面文章圍繞TypeScript類(lèi)的相關(guān)資料展開(kāi)內(nèi)容,需要的朋友可以參考一下
2021-12-12
JS首屏加載時(shí)間優(yōu)化的解決方法總結(jié)
首屏加載時(shí)間是一個(gè)衡量網(wǎng)頁(yè)性能和用戶(hù)體驗(yàn)的關(guān)鍵指標(biāo),這個(gè)問(wèn)題無(wú)論是在面試中還是在項(xiàng)目開(kāi)發(fā)中都占有極其高的權(quán)重,本文為大家整理了幾種JS中優(yōu)化首屏加載時(shí)間的方法,希望對(duì)大家有所幫助
2024-02-02
javascript的鍵盤(pán)控制事件說(shuō)明
獲取鍵盤(pán)控制事件是實(shí)現(xiàn)交互性最有力的方法之一。
2008-04-04
js 操作css實(shí)現(xiàn)代碼
雖說(shuō)jquery支持css選擇器，可以把一些css規(guī)則放在js里，js無(wú)論如何是比css靈活的。但是js修改的是dom的htmlelement的stlye，是一個(gè)操作而非規(guī)則。
2009-06-06
JavaScript實(shí)現(xiàn)定時(shí)頁(yè)面跳轉(zhuǎn)功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)定時(shí)頁(yè)面跳轉(zhuǎn)功能,涉及javascript結(jié)合時(shí)間函數(shù)定時(shí)觸發(fā)自定義函數(shù)功能操作技巧,需要的朋友可以參考下
2017-02-02