检查文本框是否在 JavaScript 中禁用或启用
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/29765151/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Check if textbox disabled or enabled in JavaScript
提问by alvinski
How do I check if a textbox is disabled or enabled in JavaScript? I just want to know if a textbox is enable or disabled on button click. If the textbox is disabled I want to alert the user with the message "disabled" and if it is enable, the alert message will be "enabled".
如何检查文本框是否在 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();">
回答by
Try using document.getElementById('textbox1').disabled
尝试使用 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'>回答by Abdullah Al Noman
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();">回答by Lokesh Kumar
function CheckTextbox(){
if(document.getElementById("textbox1").disabled){ //here
alert("disabled");
}else{
alert("enabled");
}
if(document.getElementById("textbox2").disabled) { //here
alert("disabled");
}else{
alert("enabled");
}
}
回答by cakan
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");
}
}
回答by Zvi Redler
<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();">
回答by syms
<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>
回答by Adrian Oprea
As far as I can see all responses are deeply tied to #textbox1which is bad as your HTML may not always look like that, and states might change.
Secondly, I'd use DOM level 2 event handlers instead of DOM level 0.
据我所知，所有响应都与#textbox1哪个不好相关，因为您的 HTML 可能并不总是这样，并且状态可能会改变。其次，我会使用 DOM 级别 2 事件处理程序而不是 DOM 级别 0。
Check the BIN below:
检查下面的 BIN：
