巧用js提交表單輕松解決一個(gè)頁面有多個(gè)提交按鈕
更新時(shí)間:2013年11月17日 16:43:51 作者:
使用js提交表單想必大家都會,如果要實(shí)現(xiàn)一個(gè)頁面有多個(gè)提交按鈕,你會嗎?下面有個(gè)不錯(cuò)的示例,大家可以感受下
復(fù)制代碼 代碼如下:
<pre class="javascript" name="code">function check(txt){
$j("form").submit(function(){
if($txt=="提交"){
this.action="doAddMessage.action?button=提交";
this.submit();
}else{
this.action="doAddMessage.action?button=保存";
this.submit();
}
});
}</pre><br>
<input type="IMAGE" src="style/blue/images/button/send.png" name="button" value="提交" onclick="check(this)"/><input type="IMAGE"src="style/blue/images/button/saveToDraftBox.png" name="button" value="保存" onclick="check(this)"/>
<pre></pre>
<p><br>
例如:頁面中有兩個(gè)圖片按鈕的提交,我們這個(gè)時(shí)候可以給他們都綁定onclick事件,這個(gè)時(shí)候我們借助jquery的form表單有個(gè)事件,叫做submit的。</p>
<p>如圖,由于,我的項(xiàng)目里面用了dwr,我把jquery的控制權(quán)轉(zhuǎn)讓給dwr,jquery重新指定 了一個(gè)$j,我們獲取表單,然后使用submit事件,通過判斷value的值,從而可以進(jìn)行多個(gè)頁面的跳轉(zhuǎn)。</p>
<p> </p>
<p> </p>
相關(guān)文章
在JavaScript中使用嚴(yán)格模式(Strict Mode)
這篇文章主要介紹了在JavaScript中使用嚴(yán)格模式(Strict Mode),除了正常運(yùn)行模式,ECMAscript 5添加了第二種運(yùn)行模式:"嚴(yán)格模式"(strict mode)。顧名思義,這種模式使得Javascript在更嚴(yán)格的條件下運(yùn)行。,需要的朋友可以參考下2019-06-06JavaScript的變量聲明與聲明提前用法實(shí)例分析
這篇文章主要介紹了JavaScript的變量聲明與聲明提前用法,結(jié)合實(shí)例形式分析了JavaScript變量聲明與聲明提前相關(guān)原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2019-11-11js實(shí)現(xiàn)的文字橫向無間斷滾動(dòng)
要實(shí)現(xiàn)這樣一個(gè)功能,文字在某塊區(qū)域內(nèi)橫向無間隙滾動(dòng)。2010-12-12js實(shí)現(xiàn)對ajax請求面向?qū)ο蟮姆庋b
這篇文章主要介紹了js實(shí)現(xiàn)對ajax請求面向?qū)ο蟮姆庋b的相關(guān)資料,需要的朋友可以參考下2016-01-01基于JS實(shí)現(xiàn)的隨機(jī)數(shù)字抽簽實(shí)例
本文分享了基于JS實(shí)現(xiàn)的隨機(jī)數(shù)字抽簽的實(shí)例代碼。小編認(rèn)為具很好的參考價(jià)值,感興趣的朋友可以看下2016-12-12js校驗(yàn)開始時(shí)間和結(jié)束時(shí)間
這篇文章主要為大家詳細(xì)介紹了js校驗(yàn)開始結(jié)束時(shí)間,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-05-05JS實(shí)現(xiàn)切換標(biāo)簽頁效果實(shí)例代碼
這篇文章介紹了JS實(shí)現(xiàn)切換標(biāo)簽頁效果實(shí)例代碼,有需要的朋友可以參考一下2013-11-11