Question

我在jade / pug视图中有一个简单的单选按钮形式，如下所示：

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未定义？触发事件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)">

通过onclick事件看不到输入属性

1 个答案: