przez event.target skąd wiem, że to pole wyboru lub radio?

Question

w moim html

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

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

nazwa właściwości samo z powodu jakiejś logicznej przyczyny

w moim JS

napisać poniżej kod

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

}); 

Więc jak będę wiem, że klikam na pole wyboru lub przycisk radiowy

Każda pomoc będzie mile widziane

Answer 1

.nodeName daje tag html używany, więc trzeba użyć .type dostać rodzaj tam węzła.

Spróbuj tego:

console.log(event.target.type); 

Demo

Answer 2

można użyć event.target.getAttribute('type') zamiast

Answer 3

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

Answer 4

spróbuje użyć attr() podobnego

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

Kod

$('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 5

można użyć

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 
    } 

} 

Answer 6

Dla tych z Was szuka czystej drodze JavaScript, to event.target.tagName.

Ta właściwość jest łańcuchem znaków typu "wielkie litery", np. "A", "UL", "LI" itp.