By event.target, how I know that it is checkbox or it is radio?

Question

In my html:

<input type="checkbox" name="select">  <input type="radio" name="select"> 

name property same due to some logical reason

in my JS

I write below code:

$('input[type="checkbox"],input[type="radio"]').on("change",function(event){     console.log(event.target.nodename);     // on both cases it show "INPUT"     }      });  

How I will know that I click on checkbox or radio button?

Answer 1

.nodeName gives the html tag used so you have to use .type to get the type of the node there.

Try this one:

console.log(event.target.type); 

Demo

Answer 2

For those of you looking for the pure JavaScript way, it's event.target.tagName.

That property is an uppercase string of the element type, like "A", "UL", "LI", etc.