首頁(yè) 猿問在同一個(gè)表單中...

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

縹緲止盈 2018-07-05 11:17:16

<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 值？即便都是同一個(gè) submit 功能？或有其他更好的方式？目的我是想在同一個(gè)表單可以取得兩種不同的按鈕值，做不同的事。因?yàn)槲野l(fā)現(xiàn)這樣如果要抓到 data-type，必須在 form 上面才行

查看完整描述

2 回答

慕無忌1623718

TA貢獻(xiàn)1744條經(jīng)驗(yàn) 獲得超4個(gè)贊

我不知道你想做什么，但如果你是想提交表單的話，用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>

兩個(gè)button[type=submit]的name是一樣的。按鈕（包括input和button）只有被點(diǎn)擊的type=submit的name-value對(duì)會(huì)被提交。

如果你是要在JS中處理數(shù)據(jù)，直接在每個(gè)button上綁定click事件就行了，并不需要type=submit。

反對(duì) 回復(fù) 2018-07-18