jquery js 重置表單 reset()具體實(shí)現(xiàn)代碼
更新時(shí)間：2013年08月05日 16:27:07 作者：
我們希望表單提交以后，能reset，由于jquery沒(méi)有這個(gè)方法，所以只能采用其他的方法來(lái)實(shí)現(xiàn)了，具體如下，有此需求的朋友可以參考下，希望對(duì)大家有所幫助
在開(kāi)發(fā)中，我們會(huì)用到很多表單，我們希望表單提交以后，能reset，
但是jquery沒(méi)有這個(gè)方法，怎么處理呢？
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我們可以通過(guò)就是實(shí)現(xiàn)
id：
document.getElementById("form1").reset();
name：
document.formName.reset();
方法二：
逐一清空：
$("#inp").val("1");
但是表單太多的話(huà)，這也是不實(shí)際的，有100個(gè)，1000個(gè)，總不能寫(xiě)100，個(gè)1000個(gè)吧。
也許你會(huì)說(shuō)，寫(xiě)成這樣：
$("input").val("");
那表單的默認(rèn)值呢？表單還有其他類(lèi)型，都寫(xiě)一遍？
加type為reset的input
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
$("input[name='res']").click();
所有表單清空
ok
但是jquery沒(méi)有這個(gè)方法，怎么處理呢？
復(fù)制代碼 代碼如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
</form>
方法一：
我們可以通過(guò)就是實(shí)現(xiàn)
id：
復(fù)制代碼 代碼如下:
document.getElementById("form1").reset();
name：
復(fù)制代碼 代碼如下:
document.formName.reset();
方法二：
逐一清空：
復(fù)制代碼 代碼如下:
$("#inp").val("1");
但是表單太多的話(huà)，這也是不實(shí)際的，有100個(gè)，1000個(gè)，總不能寫(xiě)100，個(gè)1000個(gè)吧。
也許你會(huì)說(shuō)，寫(xiě)成這樣：
復(fù)制代碼 代碼如下:
$("input").val("");
那表單的默認(rèn)值呢？表單還有其他類(lèi)型，都寫(xiě)一遍？
加type為reset的input
復(fù)制代碼 代碼如下:
<form id="form1" action="" method="post" runat="server">
<input name="inp" id="inp" value="1" />
<input id="res" name="res" type="reset" style="display:none;" />
</form>
復(fù)制代碼 代碼如下:
$("input[name='res']").click();
所有表單清空
ok
相關(guān)文章
自定義jquery模態(tài)窗口插件無(wú)法在頂層窗口顯示問(wèn)題
自定義一個(gè)jquery模態(tài)窗口插件只能在mainFrame窗口中顯示，無(wú)法在頂層窗口顯示2014-05-05
這篇文章介紹了jQuery中的事件，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
使用CSS樣式position:fixed水平滾動(dòng)的方法
這篇文章主要介紹了使用CSS樣式position:fixed水平滾動(dòng)的方法,需要的朋友可以參考下2014-02-02
這篇文章主要以示例介紹了jquery中 $.expr使用,需要的朋友可以參考下2014-06-06
本文給大家分享的是一則javascript滾動(dòng)條插件的源碼，十分的細(xì)致實(shí)用，有需要的小伙伴可以參考下。2015-03-03
jquery使用ajax實(shí)現(xiàn)微信自動(dòng)回復(fù)插件
這篇文章主要介紹了jquery使用ajax實(shí)現(xiàn)微信自動(dòng)回復(fù)插件,需要的朋友可以參考下2014-04-04
JavaScript實(shí)現(xiàn)向select下拉框中添加和刪除元素的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)向select下拉框中添加和刪除元素的方法,涉及jQuery中append()與remove()方法動(dòng)態(tài)操作表單元素的相關(guān)技巧,需要的朋友可以參考下2017-03-03
本篇文章是對(duì)文件編碼導(dǎo)致jquery失效的解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
jQuery實(shí)現(xiàn)背景滑動(dòng)菜單
本篇文章分享了基于jQuery實(shí)現(xiàn)背景滑動(dòng)菜單的實(shí)例代碼。感興趣的朋友可以下載實(shí)例運(yùn)行，下面就跟小編一起來(lái)看看吧2016-12-12
jquery isEmptyObject判斷是否為空對(duì)象的函數(shù)
jQuery 判斷一個(gè)對(duì)象是否為空是使用for name in obj 來(lái)遍歷對(duì)象中的屬性名.2011-02-02