Входные параметры не видны через события OnClick

Question

У меня есть простой вид кнопки радио в режиме нефрита/МОПС так:

form 
    input(type='radio',id="0", group="group0", value="some string" my_prop="hello", onclick='radioClick(this)') 

В моем JS скрипт, я определил radioClick функцию:

function radioClick(e){ 
    console.log(e) 
    console.log(e.my_prop) 
    console.log(e.group) 
    console.log(e.type) 
    console.log(e.id) 
} 

Результат выглядит следующим образом:

<input type="radio" my_prop="hello" group="0" id="0" value="some string" onclick="radioClick(this)"> 
undefined //<--- Why are these undefined? 
undefined //<--- Why are these undefined? 
radio 
0 

Почему атрибуты group и my_prop undefined? Как я могу получить к ним доступ, когда запускается событие onclick?

Answer 1

Вы можете использовать getAttribute() и поместить нужный атрибут в строку.

function radioClick(e){ 
 
    console.log(e.getAttribute('my_prop')); 
 
    console.log(e.getAttribute('group')); 
 
    console.log(e.getAttribute('type')); 
 
    console.log(e.getAttribute('id')); 
 
}

<input type="radio" my_prop="hello" group="0" id="0" value="some string" onclick="radioClick(this)">