復選框即使未選中也返回true

Question

我在使用if語句時遇到麻煩。 在此語句中，我要檢查復選框是否被選中為true（或isSelected），然后它將繼續執行禁用文本區域的指令。 這部分工作正常。 但是不幸的是，如果未選中該復選框，則它仍禁用文本區域，但實際上不應該如此。 它應該使textarea保持啟用狀態。

function auswahl_bestaetigen(){

    tweet = document.getElementById("chk_tweet")
    twitter = document.getElementById("twitter")

    if (tweet.isSelected = true)
                twitter.disabled = true
    else if (tweet.isSelected = false) 
                twitter.disabled = false    
}

我希望有人可以幫助我解決這個問題。 提前致謝 ：）

Answer 1

測試<input type="checkbox">是否被選中的屬性稱為checked 。 因此，您的代碼應為：

if (tweet.checked) {
  twitter.disabled = true
} else {
  twitter.disabled = false
}

甚至更短：

twitter.disabled = tweet.checked

這是一個簡單的演示：

 var tweet = document.getElementById('chk_tweet') var twitter = document.getElementById('twitter') tweet.addEventListener('change', function () { twitter.disabled = tweet.checked }); 

 #twitter[disabled] { background: grey; } 

 <input id="chk_tweet" type="checkbox" /> <textarea id="twitter"></textarea> 

https://jsfiddle.net/foxbunny/m4oda3zy/