Question

78

Check if textbox disabled or enabled in JavaScript

rated 0 times [ 83] [ 5] / answers: 1 / hits: 95450 / 9 Years ago, tue, april 21, 2015, 12:00:00

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();>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

parker

Add To Favorites

Follow

Total Points: 259

Total Questions: 109

Total Answers: 97

Location: Zambia

Member since Thu, Jun 25, 2020

4 Years ago

parker questions

1 How to catch network errors with Axios request interceptor?

Fri, Feb 18, 22, 00:00, 2 Years ago

1 Problem in redirecting programmatically to a route in react router v6

Tue, Nov 9, 21, 00:00, 3 Years ago

1 How to wait for Cypress then() command to finish before returning a value?

Fri, Sep 10, 21, 00:00, 3 Years ago

1 Discord JS, discord-buttons; How to attach more than 5 buttons to a message?

Fri, Aug 13, 21, 00:00, 3 Years ago

1 Google GeolocationAPI Requested entity was not found

Tue, Aug 25, 20, 00:00, 4 Years ago

View All

answered 9 Years ago mahogany · Accepted Answer

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'>