get id of button by clicked with function

Question

html

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

javascript (it's showing "Undefined")

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

i dont want code like this

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

call getclickname is needed, thanks guys

Better to [avoid inline handlers entirely](https://stackoverflow.com/a/59539045) — CertainPerformance, Mar 11 '20 at 05:09
if you didn't pass argument then how to get in alert... `alert(this.id);` — Antony Jack, Mar 11 '20 at 05:10
Inside button ``onclick="getclickname(this.id)"`` and function getclickname(buttonId) { alert(buttonId);} — Not A Bot, Mar 11 '20 at 05:12

Alive to die - Anant · Accepted Answer · 2020-03-12T04:29:29.673

You have to pass corresponding argument to the function.

You need to pass button object to onclick function to get the id of button.

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>

You can directly pass this.id as well as an argument

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

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

Note:

A bit code modification is instead of return false; you can add return before function name and that will do the same thing. like :- onclick="return getclickname(this.id);"
By passing object as argument you can access all properties of that element (check first code sample modification).

score 2 · Answer 2 · answered Mar 11 '20 at 05:13

Please try the below code. It's working for you.

Use class for click event in button.

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

Use the below click event function to get id after click.

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

score 1 · Answer 3 · answered Mar 11 '20 at 05:11

1

Hope this Helpful...

view

onclick="return getclickname(this);"

js

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

answered Mar 11 '20 at 05:11

Antony Jack

480
2
16

score 1 · Answer 4 · answered Mar 11 '20 at 05:16

1

Use like this

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

answered Mar 11 '20 at 05:16

Vinil Vinayan

101
1
4

get id of button by clicked with function

4 Answers4