JS button按鈕實(shí)現(xiàn)submit按鈕提交效果
今天在使用表單是同時(shí)使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交,所以想到的實(shí)現(xiàn)方法就是 使用button實(shí)現(xiàn),代碼實(shí)現(xiàn)見(jià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ì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- 淺談layui 綁定form submit提交表單的注意事項(xiàng)
- BootStrap表單驗(yàn)證中的非Submit類(lèi)型按鈕點(diǎn)擊時(shí)觸發(fā)驗(yàn)證的坑
- 微信小程序bindinput與bindsubmit的區(qū)別實(shí)例分析
- 解決vue2.0 element-ui中el-upload的before-upload方法返回false時(shí)submit()不生效問(wèn)題
- 利用AjaxSubmit()方法實(shí)現(xiàn)Form提交表單后回調(diào)功能
- JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法
- Nodejs下用submit提交表單提示cannot post錯(cuò)誤的解決方法
- 通過(guò)代碼示例了解submit與execute的區(qū)別
相關(guān)文章
js 替換功能函數(shù),用正則表達(dá)式解決,js的全部替換
js 替換功能函數(shù),用正則表達(dá)式解決,js的全部替換,學(xué)習(xí)js的朋友可以參考下。2010-12-12js動(dòng)態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù)
本節(jié)主要介紹了js動(dòng)態(tài)添加onclick事件可傳參數(shù)與不傳參數(shù),需要的朋友可以參考下2014-07-07javascript 表格內(nèi)容排序 簡(jiǎn)單操作示例代碼
本文為大家詳細(xì)介紹下javascript實(shí)現(xiàn)表格內(nèi)容排序,喜歡的朋友可以參考下2014-01-01js行號(hào)顯示的文本框?qū)崿F(xiàn)效果(兼容多種瀏覽器 )
本文主要介紹了javascript實(shí)現(xiàn)行號(hào)顯示的文本框效果,這樣就可以解決讀者很難迅速找到所在某一行的對(duì)應(yīng)代碼,感興趣的小伙伴們可以參考一下2015-10-10