JavaScript函数未禁用按钮

html代码：（td，因为它在一个表中）

我试图让它使用所有按钮共享的熟悉语法（“bul”、“bum”、“bur”等）禁用按钮，这样它将自动具有“b”，然后添加w，这是作为参数传递的

改变这一点：

左上方

为此：

左上方

或

---

左上方

这是一种编写JS的糟糕方法。W3C不鼓励使用内嵌JS，您至少可以做到：

<input type="button" value="foo" id="bul"/>
<input type="button" value="bar" id="bum"/>
<input type="button" value="baz" id="bur"/>

var p = document.querySelectorAll("input[type='button'][id^='b']");
[].forEach.call(p, function(el) { el.onclick = function() { el.disabled = true } })

var p=document.querySelectorAll（“输入[type='button'][id^='b']”；
[].forEach.call（p，函数（el）{el.onclick=function（）{el.disabled=true}）

我是一个糟糕的JS程序员，但有更好的方法可以做到这一点，比如将按钮放在一个类的父类中，并使用

事件委托

function Gid(id) {
    return document.getElementById(id);
}
function setSquare(w) {
    Gid("b"+w).disabled=true;
}

<input type="button" value="foo" id="bul"/>
<input type="button" value="bar" id="bum"/>
<input type="button" value="baz" id="bur"/>

var p = document.querySelectorAll("input[type='button'][id^='b']");
[].forEach.call(p, function(el) { el.onclick = function() { el.disabled = true } })