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?

Solution 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

Solution 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.

Solution 3

console.log($(event.target).is(':radio'));
console.log($(event.target).is('[type="radio"]'));

Solution 4

you can use event.target.getAttribute('type') instead

View more solutions