How to disable button with jquery?

Question

I've tried everything!

$('#m-button').button('disabled')
$('#m-button').attr('disabled', 'disabled')
$('#m-button').prop('disabled', 'disabled')
$('#m-button').attr('disabled', 'true')
$('#m-button').prop('disabled', 'true')
$('#m-button').attr('enabled', 'false')

<button id="m-button" class="btn" type="button" >Add Note</button>

It stays enabled though. What's the proper way to disable a <button>?

j08691 · Accepted Answer · 2013-03-19 16:00:40Z

9

$('#m-button').prop('disabled', true)

without quotes around true.

jsFiddle example

Per the jQuery docs on .prop():

Properties generally affect the dynamic state of a DOM element without changing the serialized HTML attribute. Examples include the value property of input elements, the disabled property of inputs and buttons, or the checked property of a checkbox. The .prop() method should be used to set disabled and checked instead of the .attr() method.

answered Mar 19, 2013 at 16:00

j08691

209k33 gold badges269 silver badges281 bronze badges

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

Comments

dsgriffin · Accepted Answer · 2013-03-19 16:00:27Z

1

Remove the quotes from around true and use prop(), like follows:

$('#m-button').prop('disabled', true);

answered Mar 19, 2013 at 16:00

dsgriffin

68.9k17 gold badges141 silver badges139 bronze badges

Comments

ebram khalil · Accepted Answer · 2013-03-19 16:11:39Z

0

you can try this:

$('#m-button').attr('disabled', 'disabled')

all you need is just to add disabled attribute to your button.

answered Mar 19, 2013 at 16:11

ebram khalil

8,3197 gold badges45 silver badges60 bronze badges

Collectives™ on Stack Overflow

How to disable button with jquery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related