在html中的输入字段上设置并获取自定义属性

Question

我必须为每个输入字段设置自定义属性。我的意见如下。我可以设置这样的属性吗？

<input typeid='1' type='checkbox' class='chk' id='inp1' />
<input typeid='1' type='checkbox' class='chk' id='inp1' />
<input typeid='1' type='checkbox' class='chk' id='inp1' />
<input typeid='2' type='checkbox' class='chk' id='inp1' />
<input typeid='2' type='checkbox' class='chk' id='inp1' />
<input typeid='3' type='checkbox' class='chk' id='inp1' />

这里，typeid是我的自定义属性。现在我想访问typeid = 1的输入。我该怎么做？

Answer 1

试试这样：

<input data-typeid='1' type='checkbox' class='chk' id='inp1' />

和javascript来设置和获取

$("#inp1").data('typeid', 2); // to set value
var value = $("#inp1").data('typeid'); //to get value