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所说：使用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');

禁用多个HTML按钮

1 个答案: