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".
<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();">
Try using 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'>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();">function CheckTextbox(){
if(document.getElementById("textbox1").disabled){ //here
alert("disabled");
}else{
alert("enabled");
}
if(document.getElementById("textbox2").disabled) { //here
alert("disabled");
}else{
alert("enabled");
}
}