JQuery enabling a textbox with a button event query

Question

I have a tiny issue if anybody can help... I am trying to implement a form, so when the page loads the textbox is disabled. If the user wishes to amend information they first have to press a button which will enable the text box.

<input id="text" type="text" disabled="disabled">
<br />
<button>Enable</button

So I have a basic textbox which is disabled. Then an event that should enable the textbox...

  <script type="text/javascript" src="jquery.js"></script>   
  <script type="text/javascript">   
     $(document).ready(function(){     
       $("button").click(function(){         
        $("#text").attr("disabled","false");     
       });   
     });   
  </script>

I can get this working when the textbox is not initially disabled and I want to disable it, though I can not get it working the other way round - when it is disabled and I want to enable it.

Can anyone point me in the right direction?

Devendra Soni · Accepted Answer · 2014-08-06 09:17:44Z

2

Hi i have created a jsfiddle for you see the working example...

you should use removeAttr instead of attr code:-

 $(document).ready(function(){     
       $("button").click(function(){         
        $("#text").removeAttr("disabled");     
       });   
     });

link:-http://jsfiddle.net/L7S37/15/

answered Aug 6, 2014 at 9:17

Devendra Soni

1,93412 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mritunjay · Accepted Answer · 2014-08-06 09:17:55Z

1

You are giving boolean value as String

Use this

$("#text").attr("disabled",false);

instead of

$("#text").attr("disabled","false");

DEMO

answered Aug 6, 2014 at 9:17

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

1 Comment

Andrew Over a year ago

Thank you for your time, appreciated

mayank sharma · Accepted Answer · 2014-08-06 09:31:20Z

1

Or you can use this, Even the last answer by Mr Soni is correct.

$(document).ready(function(){     
   $("button").click(function(){         
    $("#text").prop('disabled', false);     
   });   
 });

answered Aug 6, 2014 at 9:31

mayank sharma

632 gold badges2 silver badges9 bronze badges

1 Comment

Andrew Over a year ago

Thanks for your time all comments have been appreciated

Collectives™ on Stack Overflow

JQuery enabling a textbox with a button event query

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related