访问Javascript中的属性

Question

我想访问复选框中定义的属性的值。 定义复选框的代码是：

<input id="checkboxes" type="checkbox" name="item" class="row" statusid="10" value="175627">

这段代码位于phtml文件中。

现在在我的JS文件中，我想访问statusid的属性值，即10。如何实现此目的？

请参考下图以获得清晰的理解。

谢谢阅读。

Answer 1

使用.getAttribute() ：

document.getElementById("checkboxes").getAttribute("statusid")

-查看演示-

Answer 2

您可以使用

var input = document.getElementById("checkboxes");
var statusID = input.getAttribute("statusid");

获取属性。

Answer 3

如果要获取statusid属性的值：

Using jQuery:
$("#checkboxes").attr('statusid');

Pure Javascript:
document.getElementById('checkboxes').getAttribute('statusid');

如果要获取statusid属性值为10的输入元素的值（本例将返回175627）：

Using jQuery:
$("input[statusid='10']").val(); 

Pure Javascript:
document.querySelector("input[statusid='10']").value;