使用javascript禁用按鈕後無法重新啓用

-2

我想通過單擊「a」來禁用「b」按鈕和「c」按鈕。我得到了它的工作，但是，我想在第二次點擊「a」按鈕後重新啓用「b」和「c」按鈕。我是JavaScript新手，我會很感激我能得到的任何幫助。使用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>

來源

2017-08-16 Saruman

請添加上的，爲什麼後趴下投票 – MJK

使用功能的註釋部分和事件偵聽器的原因，通常優於聯事件屬性。 – evolutionxbox

<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>

或者你可以使它更清晰的代碼功能：

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

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

該功能的作用是檢查b按鈕是否啓用（getElementById('b').disabled==false），如果是則禁用按鈕b和c（getElementById('b').disabled=true; getElementById('c').disabled=true;）。此外，由於它們被禁用（getElementById('b').disabled=false; getElementById('c').disabled=false;），它使它們恢復原狀。

來源

2017-08-16 11:19:44 Thanasis

代碼轉儲不是*有用的*答案。說*你做了什麼，以及*爲什麼*。 –

是的，我知道。我更新了我的答案！ – Thanasis

請不要發佈不完整的答案，然後在完成後編輯它們。首先並不重要，這是不禮貌的。 –

試試這個：

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

在HTML5中，你可以通過自己的ID（使用參考元素只是b，而不是document.getElementById("b") 此外，!boolean意味着布爾的值的相反

。

來源

2017-08-16 11:20:43 Titus

代碼轉儲不是*有用的*答案。說*你做了什麼，以及*爲什麼*。 –

謝謝。有效。 – Saruman

A 智能這樣做的方法如下：

<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使用不運營商扭轉禁用狀態。如果你不熟悉Javascript布爾值，你可以結算這個相當清晰的文檔W3 School這將幫助你。

來源

2017-08-16 11:21:40

我會檢查出來。謝謝。 – Saruman

-2

試試這個：

<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>

來源

2017-08-16 11:22:26 Rolland

使用javascript禁用按鈕後無法重新啓用

回答

相關問題