通过单击功能获取按钮的 id

Question

html

<button id="test1" onclick="getclickname(); return false;">click</button>

javascript（显示“未定义”）

   function getclickname()
   {
   alert(this.id);
   }

我不想要这样的代码

<button id="test1" onclick="alert(this.id);">click</button>

需要调用 getclickname，谢谢大家

Answer 1

您必须将相应的参数传递给函数。

1. 您需要将按钮对象传递给onclick函数以获取按钮的id 。

 function getclickname(obj) { //By passing object as argument you can access all properties of that element alert(obj.id); alert(obj.className); }

 <button id="test1" onclick="getclickname(this); return false;" class="test_1">click</button>

2. 您可以直接传递this.id以及一个参数

 function getclickname(id) { alert(id); }

 <button id="test1" onclick="getclickname(this.id); return false;">click</button>

笔记：

• 位码修改代替return false; 你可以在函数名之前添加return ，这会做同样的事情。 比如：- onclick="return getclickname(this.id);"

• 通过将对象作为参数传递，您可以访问该元素的所有属性（检查第一个代码示例修改）。

Answer 2

希望这有帮助...

看法

onclick="return getclickname(this);"

js

function getclickname(these)
{
   alert(these.id);
}

Answer 3

请尝试以下代码。 它为你工作。

将类用于按钮中的单击事件。

<button id="test1" class="test-btn" >click</button>

使用下面的点击事件函数在点击后获取 id。

$('.test-btn').click(function() {
  var id = $(this).attr('id');
  alert(id)
});

Answer 4

像这样使用

<button id="test1" onclick="getclickname(this); return false;">click</button>
<script>
   function getclickname(e)
   {
   alert(e.id);
   }
</script>