Question

我想点击“a”禁用“b”按钮和“c”按钮。我得到了它的工作但是，我想在第二次点击“a”按钮后重新启用“b”和“c”按钮。我是JavaScript新手我会很感激我能得到的任何帮助。

<button id="a" onclick="getElementById('b').disabled=true; getElementById('c').disabled=true;">a</button>
<button id="b">b</button>
<button id="c">c</button>

Answer 1

＆＃13;

<button id="a" onclick="if (getElementById('b').disabled==false) {getElementById('b').disabled=true; getElementById('c').disabled=true;} else {getElementById('b').disabled=false; getElementById('c').disabled=false;}">a</button>
<button id="b">b</button>
<button id="c">c</button>

＆＃13;

或者你可以使它成为更清晰代码的功能：

＆＃13;

function updateBD(){
    if (getElementById('b').disabled==false){
        getElementById('b').disabled=true; 
        getElementById('c').disabled=true;
    } else {
        getElementById('b').disabled=false;
        getElementById('c').disabled=false;
    }
}

＆＃13;

<button id="a" onclick="updateBC()">a</button>
<button id="b">b</button>
<button id="c">c</button>

＆＃13;

此功能的作用是检查b按钮是否已启用（getElementById('b').disabled==false），如果是，则禁用按钮b和c（getElementById('b').disabled=true; getElementById('c').disabled=true;）。然后它会启用它们，因为它们被禁用（getElementById('b').disabled=false; getElementById('c').disabled=false;）。

Answer 2

试试这个：

＆＃13;

<button id="a" onclick="b.disabled=!b.disabled; c.disabled=!c.disabled;">a</button>
<button id="b">b</button>
<button id="c">c</button>

＆＃13;

在HTML5中，您可以按ID显示元素（仅使用b代替document.getElementById("b")。此外，!boolean表示该布尔值的反面。

Answer 3

smart 方法如下：

<button id="a" onclick="getElementById('b').disabled=!getElementById('b').disabled; getElementById('c').disabled=!getElementById('c').disabled;">a</button>
<button id="b">b</button>
<button id="c">c</button>

在这里，您只需在Javascript中使用 not 运算符来反转禁用状态。如果您不熟悉 Javascript 布尔值，可以查看这个非常清晰的W3 School文档，它将对您有所帮助。

Answer 4

试试这个：

<button id="a" onclick="getElementById('b').disabled = getElementById('b').disabled==true ? false: true; getElementById('c').disabled = getElementById('c').disabled==true ? false : true;">a</button>
<button id="b">b</button>
<button id="c">c</button>

使用javascript禁用按钮后无法重新启用

4 个答案: