iT邦幫忙

0

在同一個表單中 submit,可以取得不同的值從按鈕?

<form id="form">

<button class="" type="submit" id="submit" data-type="normal-pay">
              按鈕一
            </button>
            <br>或<br>
            <button class="" type="submit" id="quick-pay-button" data-type="quick-pay">
              按鈕二
            </button>
            
</form>
$('#form').on('submit', (event) => {

event.preventDefault();
  var type = event.currentTarget.dataset.type;

我這樣是否可以取到來自按鈕的 data-type 值?
即便都是同一個 submit 功能?
或有其他更好的方式?
目的我是想在同一個表單可以取得兩種不同的按鈕值,做不同的事。
因為我發現這樣如果要抓到 data-type,必須在 form 上面才行

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
小魚
iT邦大師 1 級 ‧ 2018-07-18 12:36:41
最佳解答

submit可以用JavaScript來做,
可以不同button呼叫不同的function,
在function當中做submit的動作.

0
tacodrem
iT邦新手 5 級 ‧ 2018-07-18 13:21:34

直接兩個button分別建立不同的onClick event, 需要抓取的data-type就當作參數傳進去event handler裡面, 這樣可能會比較好

我要發表回答

立即登入回答