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

据我所知，所有回复都与#textbox1密切相关，因为您的HTML可能并不总是如此，状态可能会发生变化。其次，我使用DOM级别2事件处理程序而不是DOM级别0。

检查下面的BIN：

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

Answer 8

在很多答案中都重复出现的解决方案

document.getElementById('someId').disabled

虽然不能在较新版本的打字稿中使用

选中Typescript HTMLElement disabled 1.4 to 1.6 what happened (TS2339)?

尝试使用

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

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

检查JavaScript中是否禁用或启用了文本框

8 个答案: