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

Question

<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 上面才行

Answer 1

我不知道你想做什么，但如果你是想提交表单的话，用HTML自带的就够了

<form id="a_form">
  <button type="submit" name="pay_type" value="normal_pay">Normal</button>
  <button type="submit" name="pay_type" value="quick_pay">Quick</button>
</form>

两个button[type=submit]的name是一样的。按钮（包括input和button）只有被点击的type=submit的name-value对会被提交。

如果你是要在JS中处理数据，直接在每个button上绑定click事件就行了，并不需要type=submit。

Answer 2

可以把type改成button不要用submit