JS button按鈕實(shí)現(xiàn)submit按鈕提交效果

更新時間：2016年11月01日 11:50:28 投稿：mrr

今天在使用表單是同時使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交，所以想到的實(shí)現(xiàn)方法就是使用button實(shí)現(xiàn),怎么實(shí)現(xiàn)呢？下面小編給大家分享JS button按鈕實(shí)現(xiàn)submit按鈕提交效果，感興趣的朋友參考下吧

今天在使用表單是同時使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交，所以想到的實(shí)現(xiàn)方法就是使用button實(shí)現(xiàn),代碼實(shí)現(xiàn)見如下：

form設(shè)置：

<form method=”post” name=”linkform”>

隱藏的act方法設(shè)置,代碼如下:

<input name=”act” type=”hidden” />

最后關(guān)鍵的是 button的設(shè)置,更新按鈕,代碼如下:

<input onclick=”document.linkform.act.value='update'; document.linkform.submit();” name=”update” type=”button” value=”更新” />

刪除按鈕,代碼如下:

<input onclick=”if(confirm(‘你確定要刪除數(shù)據(jù)嗎？')){ document.linkform.act.value='delete'; document.linkform.submit();return true;}return false; ” type=”button” value=”刪除” />

以上所述是小編給大家介紹的JS button按鈕實(shí)現(xiàn)submit按鈕提交效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

微信小程序下拉加載和上拉刷新兩種實(shí)現(xiàn)方法詳解
這篇文章主要介紹了微信小程序下拉加載和上拉刷新兩種實(shí)現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-09-09
javascript 簡單抽屜效果的實(shí)現(xiàn)代碼
javascript 簡單抽屜效果的實(shí)現(xiàn)代碼，需要的朋友可以參考下，大家自行測試。
2010-03-03
神奇！js+CSS+DIV實(shí)現(xiàn)文字顏色漸變效果
很神奇！js+CSS+DIV實(shí)現(xiàn)文字顏色漸變效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03
location對象的屬性和方法應(yīng)用(解析URL)
本文將與大家分享下location對象使用屬性和方法來解析URL的實(shí)例，感興趣的朋友可以參考下，希望對你有所幫助
2013-04-04
javascript實(shí)現(xiàn)點(diǎn)擊按鈕變色
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊按鈕變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
JavaScript貪吃蛇的實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript貪吃蛇的實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
利用js動態(tài)添加刪除table行的示例代碼
本篇文章主要是對利用js動態(tài)添加刪除table行的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
Javascript+CSS3實(shí)現(xiàn)進(jìn)度條效果
本篇文章主要介紹Javascript+CSS3實(shí)現(xiàn)進(jìn)度條效果，可以實(shí)現(xiàn)給用戶一個等待的過程，有需要的可以了解一下。
2016-10-10
BootstrapTable加載按鈕功能實(shí)例代碼詳解
這篇文章主要介紹了BootstrapTable加載按鈕功能實(shí)例代碼詳解,需要的朋友可以參考下
2017-09-09
JavaScript用二分法查找數(shù)據(jù)的實(shí)例代碼
本篇文章主要介紹了JavaScript用二分法查找數(shù)據(jù)的實(shí)例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06