disable control using jQuery

Question

I want to disable control on click for this i have added attr to the control 'disabled' and it is working fine in IE but not in Firefox. The code i have written is

$(obj).attr('disabled','disabled');

If I am missing something then please give me idea.

http://stackoverflow.com/questions/1414365/how-to-disable-an-input-with-jquery — hwiechers, Aug 08 '12 at 17:06

score 42 · Answer 1 · answered Apr 28 '11 at 10:03

42

$(obj).attr('disabled', true);

answered Apr 28 '11 at 10:03

Alex R.

4,394
4
28
40

score 8 · Answer 2 · answered Apr 28 '11 at 10:04

8

Try this

$(obj).attr("disabled","disable")

note value of attribute "disabled" is "disable" not "disabl*ed*"

answered Apr 28 '11 at 10:04

Chinmayee G

7,437
1
29
41

3

Your solution is solving problem but it's not real answer. Value of disabled attribute isn't important. you can only write attribute without value and control will be disabled again. You can try to write $(obj).attr("disabled","enable") and control will be disabled again. – MERT DOĞAN Oct 31 '14 at 08:10

score 6 · Answer 3 · answered Apr 30 '11 at 12:41

This is the code I use to disable or re-enable a control:

function handleControlDisplay(className, foundCount, checked) {



    var button = jQuery(className);



    if (foundCount > 0 && foundCount == checked) {

        // enable

        button.removeAttr("disabled");

    }

    else {

        // set the disabled attribute

        button.attr("disabled", "true");

    };

}

grahamesd · Answer 4 · 2020-02-20T23:38:46.460

2

The very complete answer is here: Disable/enable an input with jQuery?

TL;DR use the .prop() method

$("input").prop('disabled', true);
$("input").prop('disabled', false);

edited Feb 20 '20 at 23:38

answered Feb 20 '20 at 23:06

grahamesd

4,103
1
24
26

score 0 · Answer 5 · answered Feb 13 '19 at 08:58

Here's an example of disabling a button after it has been clicked. Notice that you pass the "this" object to the click event handler :

<input type="button" value="Submit" onclick="disable(this)"/>

And the javascript:

    <script>
     function disable(control){
       control.disabled = true;
      }
   </script>

disable control using jQuery

5 Answers5