Проверьте, отключено или включено текстовое поле в JavaScript.

Как проверить, отключено или включено текстовое поле в 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();">

Ответы

Ответ 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'>

Ответ 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();">

Ответ 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");
   }

}

Ответ 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");
    }

}

Ответ 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();">

Ответ 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>

Ответ 7

Насколько я вижу, все ответы сильно привязаны к #textbox1, что плохо, так как ваш HTML не всегда может выглядеть так, и состояния могут меняться. Во-вторых, я бы использовал обработчики событий уровня DOM уровня 2 вместо уровня DOM.

Проверьте BIN ниже:

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