如何在javascript中只单击一个按钮而不使用Jquery时禁用两个按钮

我现在有两个按钮。我想当一个按钮被点击时，两个按钮都被禁用。我只想使用javascript而不使用Jquery

var button1=document.getElementById（“button1”）.addEventListener（'click'，function（））{
//我想检查是否单击了其中一个按钮，并禁用这两个按钮//
如果（按钮1 | |按钮2==真）{
按钮1.禁用=真；
按钮2.禁用=真；
警报（“按钮禁用属性处于真实状态”）；
}
});
var button2=document.getElementById（“button2”）.addEventListener（'click'，function（））{
//我想检查是否单击了其中一个按钮，并禁用这两个按钮//
如果（按钮1 | |按钮2==真）{
按钮1.禁用=真；
按钮2.禁用=真；
警报（“按钮禁用属性处于真实状态”）；
}
});
//我还试图在事件处理程序的末尾设置{once:true；}，但它只对一个按钮有效。这意味着我必须同时按下这两个按钮才能禁用。//

按钮1
按钮2

您有许多问题。首先，将变量设置为

addEventListener

的返回值，而不是文档元素。其次，要禁用元素，请使用

element.disabled=true

，而不是

element.disable=true

。最后，

alert

都是小写，而不是

alert

。还可以对代码进行优化-例如，不需要检查按钮1或按钮2是否被单击，因为如果调用了事件侦听器，则其中一个按钮必须已被单击。请尝试以下方法：

var button1=document.getElementById（“button1”）；
var button2=document.getElementById（“button2”）；
[button1，button2].map（b=>b.addEventListener（'click'，function（））{
按钮1.禁用=真；
按钮2.禁用=真；
警报（“按钮禁用属性处于真实状态”）；
}));
按钮1
按钮2
您有许多问题。首先，将变量设置为
addEventListener
的返回值，而不是文档元素。其次，要禁用元素，请使用
element.disabled=true
，而不是
element.disable=true
。最后，
alert
都是小写，而不是
alert
。还可以对代码进行优化-例如，不需要检查按钮1或按钮2是否被单击，因为如果调用了事件侦听器，则其中一个按钮必须已被单击。请尝试以下方法：


var button1=document.getElementById（“button1”）；
var button2=document.getElementById（“button2”）；
[button1，button2].map（b=>b.addEventListener（'click'，function（））{
按钮1.禁用=真；
按钮2.禁用=真；
警报（“按钮禁用属性处于真实状态”）；
}));
按钮1
按钮2