JS button按鈕實現(xiàn)submit按鈕提交效果
更新時間:2016年11月01日 11:50:28 投稿:mrr
今天在使用表單是同時使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交,所以想到的實現(xiàn)方法就是 使用button實現(xiàn),怎么實現(xiàn)呢?下面小編給大家分享JS button按鈕實現(xiàn)submit按鈕提交效果,感興趣的朋友參考下吧
今天在使用表單是同時使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交,所以想到的實現(xiàn)方法就是 使用button實現(xiàn),代碼實現(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按鈕實現(xiàn)submit按鈕提交效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- 淺談layui 綁定form submit提交表單的注意事項
- BootStrap表單驗證中的非Submit類型按鈕點擊時觸發(fā)驗證的坑
- 微信小程序bindinput與bindsubmit的區(qū)別實例分析
- 解決vue2.0 element-ui中el-upload的before-upload方法返回false時submit()不生效問題
- 利用AjaxSubmit()方法實現(xiàn)Form提交表單后回調(diào)功能
- JavaScript在form表單中使用button按鈕實現(xiàn)submit提交方法
- Nodejs下用submit提交表單提示cannot post錯誤的解決方法
- 通過代碼示例了解submit與execute的區(qū)別
相關(guān)文章
location對象的屬性和方法應(yīng)用(解析URL)
本文將與大家分享下location對象使用屬性和方法來解析URL的實例,感興趣的朋友可以參考下,希望對你有所幫助2013-04-04
JavaScript用二分法查找數(shù)據(jù)的實例代碼
本篇文章主要介紹了JavaScript用二分法查找數(shù)據(jù)的實例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06

