javascript - 禁用多个 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; 

但结果是只有第一个按钮被禁用，其他按钮仍然可用。

如何在不创建唯一名称或 ID 的情况下使用 JavaScript 禁用按钮？

解决

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

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

Answer 1

正如@Red 所说:使用类而不是 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');