JS button按鈕實(shí)現(xiàn)submit按鈕提交效果
更新時(shí)間：2016年11月01日 11:50:28 投稿：mrr
今天在使用表單是同時(shí)使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交，所以想到的實(shí)現(xiàn)方法就是 使用button實(shí)現(xiàn),怎么實(shí)現(xiàn)呢？下面小編給大家分享JS button按鈕實(shí)現(xiàn)submit按鈕提交效果，感興趣的朋友參考下吧
今天在使用表單是同時(shí)使用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(‘你確定要?jiǎng)h除數(shù)據(jù)嗎？')){ document.linkform.act.value='delete'; document.linkform.submit();return true;}return false; ” type=”button” value=”刪除” />
以上所述是小編給大家介紹的JS button按鈕實(shí)現(xiàn)submit按鈕提交效果，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- 淺談layui 綁定form submit提交表單的注意事項(xiàng)
- BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時(shí)觸發(fā)驗(yàn)證的坑
- 微信小程序bindinput與bindsubmit的區(qū)別實(shí)例分析
- 解決vue2.0 element-ui中el-upload的before-upload方法返回false時(shí)submit()不生效問題
- 利用AjaxSubmit()方法實(shí)現(xiàn)Form提交表單后回調(diào)功能
- JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法
- Nodejs下用submit提交表單提示cannot post錯(cuò)誤的解決方法
- 通過代碼示例了解submit與execute的區(qū)別
相關(guān)文章
微信小程序下拉加載和上拉刷新兩種實(shí)現(xiàn)方法詳解
這篇文章主要介紹了微信小程序下拉加載和上拉刷新兩種實(shí)現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
javascript 簡(jiǎn)單抽屜效果的實(shí)現(xiàn)代碼
javascript 簡(jiǎn)單抽屜效果的實(shí)現(xiàn)代碼，需要的朋友可以參考下，大家自行測(cè)試。2010-03-03
神奇！js+CSS+DIV實(shí)現(xiàn)文字顏色漸變效果
很神奇！js+CSS+DIV實(shí)現(xiàn)文字顏色漸變效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
location對(duì)象的屬性和方法應(yīng)用(解析URL)
本文將與大家分享下location對(duì)象使用屬性和方法來(lái)解析URL的實(shí)例，感興趣的朋友可以參考下，希望對(duì)你有所幫助2013-04-04
javascript實(shí)現(xiàn)點(diǎn)擊按鈕變色
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊按鈕變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript貪吃蛇的實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
利用js動(dòng)態(tài)添加刪除table行的示例代碼
本篇文章主要是對(duì)利用js動(dòng)態(tài)添加刪除table行的示例代碼進(jìn)行了介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
Javascript+CSS3實(shí)現(xiàn)進(jìn)度條效果
本篇文章主要介紹Javascript+CSS3實(shí)現(xiàn)進(jìn)度條效果，可以實(shí)現(xiàn)給用戶一個(gè)等待的過程，有需要的可以了解一下。2016-10-10
BootstrapTable加載按鈕功能實(shí)例代碼詳解
這篇文章主要介紹了BootstrapTable加載按鈕功能實(shí)例代碼詳解,需要的朋友可以參考下2017-09-09
JavaScript用二分法查找數(shù)據(jù)的實(shí)例代碼
本篇文章主要介紹了JavaScript用二分法查找數(shù)據(jù)的實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-06-06