javascript - event.target によって、それがチェックボックスであるかラジオであるかをどのように知ることができますか?

Question

私のhtmlで：

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

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

論理的な理由により name プロパティが同じ

私のJSで

以下のコードを書きます。

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

    }); 

チェックボックスまたはラジオボタンをクリックしたことをどのように知ることができますか?

Answer 1

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

Answer 2

event.target.getAttribute('type')代わりに使用できます

Answer 3

jQuery を使用したノード タイプの場合は、次を使用できます。

• $(event.target) .attr('タイプ')
• event.target .type

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

Answer 4

あなたが使用することができます

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
   }

}