禁用/启用按钮的JavaScript函数（）

我的HTML中有两个按钮：

<form>
<input type="button"  id="button1" value="Clickable" onClick="switchButton()">
<input type="button"  id="button2" value="Not Clickable" onClick="switchButton2()" disabled="true">
</form>

---

您的函数名有问题：html中的switchButton（）和js中的switcher，id也不同，并且enabled不是html属性。您只需使用一个功能即可实现所需：

功能切换按钮（btn1、btn2）{
var btn1=document.getElementById（“按钮”+btn1）；
var btn2=document.getElementById（“按钮”+btn2）；
btn1.disabled=true；
btn1.value=“不可点击”；
btn2.disabled=false；
btn2.value=“可点击”；
}

---

您的函数名有问题：html中的switchButton（）和js中的switcher，id也不同，并且enabled不是html属性。您只需使用一个功能即可实现所需：

功能切换按钮（btn1、btn2）{
var btn1=document.getElementById（“按钮”+btn1）；
var btn2=document.getElementById（“按钮”+btn2）；
btn1.disabled=true；
btn1.value=“不可点击”；
btn2.disabled=false；
btn2.value=“可点击”；
}

---

您应该尽量避免重复的逻辑，因为它很难维护，我建议您改用以下方法：

功能点击按钮（e）{
const currentbn=document.getElementById（e）；
const otherBtn=document.getElementById（e==“knapp2”？“knapp1”：“knapp2”）；
currentBtn.disabled=真；
otherBtn.disabled=false；
currentBtn.value=“不可单击”
otherBtn.value=“可点击”
}

---

您应该尽量避免重复的逻辑，因为它很难维护，我建议您改用以下方法：

功能点击按钮（e）{
const currentbn=document.getElementById（e）；
const otherBtn=document.getElementById（e==“knapp2”？“knapp1”：“knapp2”）；
currentBtn.disabled=真；
otherBtn.disabled=false；
currentBtn.value=“不可单击”
otherBtn.value=“可点击”
}

没有启用的

属性。您可能想反过来切换，正如您所说的，可能的重复项没有启用
属性。你可能想反过来切换，就像你说的
function switcher() {
var btn = document.getElementById("knapp1");
btn.disabled = true;
}
function switcher2(){
var btn2 = document.getElementById("knapp2");
btn2.enabled = true;
}