Enable/disable input field after second click

Question

First I display a div container with disabled input fields.

$("#button").click(function() {
    $(".disable-input").prop('disabled', true);
})

And with a second button inside the displayed div container I want to enable the change for input fields after the first click and after the second one the enabled input fields should be disabled. For example: Display my customers via div container and inside this div container I can change them with a click on the button. What is my mistake?

var count = 0;
    if(count == 0) {
         $("#edit").click(function(){
            $(".disable-input").prop('disabled', false);})  
            count = 1;
    }
    if(count == 1) {
         $("edit").click(function(){
                $(".disable-input").prop('disabled', true);})
                count = 0;
    }

you should handle the count checks on the inside of the handler. otherwise — Daniel A. White
– Daniel A. White, Commented May 1, 2015 at 11:20
possible duplicate of Toggle input disabled attribute using jQuery — Matt
– Matt, Commented May 1, 2015 at 11:24

garryp · Accepted Answer · 2015-05-01 11:20:34Z

2

Use attr('disabled', 'disabled') and removeAttr('disabled') to do this

var count = 0;
    if(count == 0) {
         $("#edit").click(function(){
            $(".disable-input").attr('disabled', 'disabled');
            count = 1;
         });
    }
    if(count == 1) {
         $("edit").click(function(){
             $(".disable-input").removeAttr('disabled');
             count = 0;
         });
    }

The reason is that the presence of the 'disabled' attribute (regardless of value) on an input element is enough to cause the input to be disabled, whatever the value - i.e

<input type="text" disabled="false" />

...is disabled.

answered May 1, 2015 at 11:20

garryp

5,7861 gold badge31 silver badges43 bronze badges

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

1 Comment

Chris Over a year ago

Is there the same procedure to show and hide textareas and div containers?

Collectives™ on Stack Overflow

Enable/disable input field after second click

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related