禁用多個HTML按鈕

Question

我有多個按鈕name="angka"和id="angka" ：

<input type="button" name="angka" id="angka" value="1" style="width:15px" onclick="insert(1)">
<input type="button" name="angka" id="angka" value="2" style="width:15px" onclick="insert(2)">
<input type="button" name="angka" id="angka" value="3" style="width:15px" onclick="insert(3)">

onLoadPage事件我嘗試使用以下代碼禁用它們。

document.getElementById("operator").disabled = true; 
document.getElementsByName("operator").disabled = true; 

但結果是只有第一個按鈕被禁用，其他按鈕仍然啟用。

如何使用JavaScript禁用按鈕而不使用唯一的名稱或ID？

解決

`var elements = document.getElementsByClassName("classname");

for (var i = 0; i < elements.length; i++) {
  elements[i].disabled =true;
}`

Answer 1

正如@Red所說：使用class而不是ID

<input type="button" name="angka" class="angka" value="1" style="width:15px" onclick="insert(1)">

在那之后，你應該可以做這樣的事情：

var elems = document.getElementsByClassName("angka");
for(var i = 0; i < elems.length; i++) {
    elems[i].disabled = true;
}

我不確定getElementsByClassName（）是否是跨瀏覽器的，所以要小心。 但是，jQuery很擅長這一點，所以你可以使用它，讓你的生活更簡單。

編輯

jQuery（未經測試）的例子：

$('input.angka').attr('disabled','disabled');