Question

我们有多个具有不同ID但具有相同onclick功能的表单。

对于喜欢，

<input type="button" id="a"  value="SUBMIT"  onclick="fnSubmitForm();">

<input type="button" id="b"  value="SUBMIT"  onclick="fnSubmitForm();">

<input type="button" id="c"  value="SUBMIT"  onclick="fnSubmitForm();">

如何找到提交提交按钮的ID。

Answer 1

将this传递给函数：

onclick="fnSubmitForm(this);"

您可以选择id：

function fnSubmitForm(el) {
  console.log(el.id);
}

DEMO

修改

好的，既然你不能编辑HTML，这里只是一个脚本解决方案：

// pick up the input elements with type=button
var buttons = document.querySelectorAll('input[type="button"]');

// add click events to each of them, binding the function
// to the event
[].slice.call(buttons).forEach(function (el) {
  el.onclick = fnSubmitForm.bind(this, el);
});

function fnSubmitForm(el){
  console.log(el.id);
}

DEMO

Answer 2

在onclick中添加此功能

<input type='button' id='a' value='submit' onclick='fnSubmitForm()'/>
<input type='button' id='b' value='submit' onclick='fnSubmitForm()'/>
<input type='button' id='c' value='submit' onclick='fnSubmitForm()'/>

然后使用以下代码段获取传递的值。

function fnSubmitForm(){
    console.log(this.document.activeElement.getAttribute("id"));
}

Answer 3

试试这个

onclick="fnSubmitForm(this.id);"

并使用第一个函数参数

获取值

function fnSubmitForm(id) {
  //your code
}

如何在javascript中查找提交按钮的ID（无编辑HTML如何在脚本中存档）

3 个答案: