5

私は複数のボタンを持ってい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;
}`
4

1 に答える 1

10

@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');
于 2013-06-30T13:16:34.307 に答える