javascript - 是否可以在 HTML 标记中插入您的属性？

Question

是否可以在 HTML 标签中插入您的属性，然后引用它？

例如添加一个属性组:

first <input type="radio" id="qwerty1" group="1" onClick="myclick();"><br>
second <input type="radio" id="qwerty2" group="2" onClick="myclick();"><br>
third <input type="radio" id="qwerty3" group="3" onClick="myclick();"><br>

<script>
function myclick() {
  alert(this.group);
}
</script>

Answer 1

最好使用 W3C 标准属性 data-* Read More on data- attribute

function myclick(control)
{
alert($(control).attr("data-group"));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
first <input type="radio" id="qwerty1" data-group="1" onClick="myclick(this);"><br>
second <input type="radio" id="qwerty2" data-group="2" onClick="myclick(this);"><br>
third <input type="radio" id="qwerty3" data-group="3" onClick="myclick(this);"><br>

使用 jQuery 的 data() 函数更新

function myclick(control)
{
alert($(control).data("group"));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
first <input type="radio" id="qwerty1" data-group="1" onClick="myclick(this);"><br>
second <input type="radio" id="qwerty2" data-group="2" onClick="myclick(this);"><br>
third <input type="radio" id="qwerty3" data-group="3" onClick="myclick(this);"><br>