檢查文本框是否在 JavaScript 中禁用或啟用

Question

如何檢查文本框是否在 JavaScript 中被禁用或啟用？ 我只想知道在單擊按鈕時啟用還是禁用文本框。 如果文本框被禁用，我想用“禁用”消息提醒用戶，如果啟用，警報消息將“啟用”。

<script>
 function CheckTextbox(){

    if(textbox1 is disabled){ //here
      alert("disabled");
    }else{
      alert("enable");
    }

   if(textbox2 is disabled){ //here
      alert("disabled");
   }else{
      alert("enable");
   }
}
</script>

<input type="text" id="textbox1" disabled="disabled">
<input type="text" id="textbox2">
<input type="button" onclick="CheckTextbox();">

Answer 1

嘗試使用document.getElementById('textbox1').disabled

 function CheckTextbox() { var id; for (var i = 1; 2 >= i; i++) { id = 'textbox' + i; console.log(id, 'is disabled ?', document.getElementById(id).disabled); } }

 <input type="text" id="textbox1" disabled="disabled"> <input type="text" id="textbox2"> <input type="button" onclick="CheckTextbox();" value='Check'>

Answer 2

 function CheckTextbox() { var textbox = document.getElementById('textbox1'); if (textbox.disabled) { // If disabled, do this alert("disabled"); } else { // Enter code here alert("Not disabled"); } }

 <input type="text" id="textbox1" disabled="disabled"> <input type="button" onclick="CheckTextbox();">

Answer 3

function CheckTextbox(){

    if(document.getElementById("textbox1").disabled){ //here
       alert("disabled");
    }else{
      alert("enabled");
     }


   if(document.getElementById("textbox2").disabled) { //here
      alert("disabled");
   }else{
      alert("enabled");
   }

}

Answer 4

function CheckTextbox(){

    if(document.getElementById("textbox1").disabled == true){ //here
        alert("disabled");
    }else{
        alert("enable");
    }

    if(document.getElementById("textbox2").disabled == true){ //here
        alert("disabled");
    }else{
        alert("enable");
    }

}

Answer 5

<script>
function CheckTextbox(){
    var textbox=document.getElementById('textbox1');

if(textbox.disabled)

   {alert("disabled"); }

else{alert("enable");}

var textbox2=document.getElementById('textbox2');
   if(textbox2.disabled){ //here
       alert("disabled");
    }else{
       alert("enable");
    }
}
</script>

<input type="text" id="textbox1" disabled="disabled">
<input type="text" id="textbox2">
<input type="button" onclick="CheckTextbox();">

Answer 6

<input type="text" id="textbox1" disabled="disabled">
<input type="text" id="textbox2">
<input type="button" onclick="CheckTextbox();">
<script>
 (function CheckTextbox(){
    if(document.getElementById('textbox1').disabled){
     alert("disabled");
    }else{
     alert("enable");
   }

   if(document.getElementById('textbox2').disabled){ 
    alert("disabled");
   }else{
    alert("enable");
   }
})()
</script>

Answer 7

在許多答案中重復的解決方案

document.getElementById('someId').disabled

雖然在較新版本的打字稿中不起作用

檢查Typescript HTMLElement 禁用 1.4 到 1.6 發生了什么 (TS2339)？

嘗試使用

let elementToCheck = document.getElementById('someId').attributes.getNamedItem('disabled');

if (elementToCheck !== null) {
    console.log(elementToCheck.value);
}

Answer 8

據我所知，所有響應都與#textbox1緊密相關，這很糟糕，因為您的 HTML 可能並不總是這樣，並且狀態可能會改變。 其次，我會使用 DOM 級別 2 事件處理程序而不是 DOM 級別 0。

檢查下面的 BIN：

http://jsbin.com/hecoyemano/2/