訪問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;