enable and disable textbox by using button click

Question

I have multiple of textbox...each textbox have own button to enable or disable . How to do it ? I have already try this

$('#disablebutton').click(function(){
$('#textfieldToClose').attr('disable');
});

<input type="text" name="text11" readonly="readonly" id="textfieldToClose">
<input type="button" value="edit" name="button1" id="disablebutton">

possible duplicate of How to disable/enable an input with jQuery? — fejese
– fejese, Commented Apr 16, 2014 at 19:01

BenMorel · Accepted Answer · 2014-06-27 22:19:27Z

2

Try:

$(document).ready(function(){
    $('#disablebutton').click(function(){
    if($('#textfieldToClose').prop('disabled'))
    {
     $('#textfieldToClose').prop('disabled', false)
    }
    else{
         $('#textfieldToClose').prop('disabled', true)
      }
    });
})

or with Read only:

$(document).ready(function(){
    $('#disablebutton').click(function(){
    if($('#textfieldToClose').prop('readonly'))
    {
     $('#textfieldToClose').removeAttr('readonly');
    }
    else{
         $('#textfieldToClose').attr('readonly', 'readonly')
      }
    });
});

Because you only select the attr but, don't do anything with. Live demo

edited Jun 27, 2014 at 22:19

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Apr 16, 2014 at 18:58

Wilfredo P

4,07430 silver badges46 bronze badges

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

4 Comments

Frozen Over a year ago

hi your demo is work very nice ... but when i do it on my ... still not function

Frozen Over a year ago

i found the problem ~ by the way thanks you so much !

Frozen Over a year ago

sorry now have some question ... how to do this in multiple textbox? because each textbox have own edit button

Frozen Over a year ago

let us continue this discussion in chat

Milind Anantwar · Accepted Answer · 2014-04-16 18:57:27Z

1

Try this:

$('#disablebutton').click(function(){
   $(this).prev().attr("disabled", "disabled"); 
});

Working Demo

answered Apr 16, 2014 at 18:57

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

Akinkunle Allen · Accepted Answer · 2014-04-16 19:01:37Z

0

$('#disablebutton').click(function(){
  $('#textfieldToClose').attr('disabled', 'disabled'); //sett the `disabled` attribute on the    element
});

$('#textfieldToClose').attr('disable') did not work because you were just quering an attribute disable on the element which doesn't even exist. The correct name is disabled

answered Apr 16, 2014 at 19:01

Akinkunle Allen

1,30912 silver badges20 bronze badges

Collectives™ on Stack Overflow

enable and disable textbox by using button click

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related