javascript - 通过 event.target，我怎么知道它是复选框还是收音机？

Question

在我的html中：

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

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

由于某些逻辑原因，名称属性相同

在我的 JS

我写下面的代码：

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

    }); 

我怎么知道我点击了复选框或单选按钮？

Answer 1

.nodeName给出html使用的标签，因此您必须使用它.type来获取那里的节点类型。

试试这个：

console.log(event.target.type);

演示

Answer 2

对于那些寻找纯 JavaScript 方式的人来说，它是event.target.tagName.

该属性是元素类型的大写字符串，如“A”、“UL”、“LI”等。

Answer 3

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

Answer 4

你可以event.target.getAttribute('type')改用

Answer 5

尝试使用attr() 之类的，

console.log($(this).attr('type'));// checkbox or radio

代码

$('input[type="checkbox"],input[type="radio"]').on("change", function (event) {
    console.log($(this).prop('tagName'));// INPUT
    console.log($(this).attr('type'));// checkbox or radio
});

Answer 6

对于带有 jQ​​uery 的节点类型，您可以使用：

• $(event.target) .attr('type')
• 事件.目标.类型

$("SELECTOR").click(function (event) {
var idEventTarget = $(event.target).attr('id');
console.log($(event.target).attr('type'));
console.log(event.target.type);
});

Answer 7

您可以使用

function test(e)
{
   var eve = e || window.event;
   var ele = eve.target || eve.srcElement;

   switch(ele.getAttribute('type'))
   {
     case "radio" : //do whatever

     case "checkbox" : //do
   }

}