Check for disabled button not working

Question

I have the following statically programmed button:

<a class="btn dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)" id="action" disabled="disabled">

And want to check if the button is disabled so I can set the preventDefault() because, if it is not set to disabled (by another function) the button must do its work.

<script type="text/javascript">
$(document).ready(function(){    

 // IF ACTION BUTTON IS DISABLED, DISABLE DROPDOWN CLICK
 if ($('#action').is(':disabled')) {
 alert("inside if");
  event.preventDefault();
  return false; 
 };
});
</script>

But it never throws me the alert. I can see with inspect element the button has disabled="disabled" attribute so it should work. What am I doing wrong?

note: I am using jQuery, so if that is applicable then please point out :)

The `:disabled` is a css selector. Try using `$('#action').attr('disabled')` — marekful, Jan 03 '13 at 13:02
http://stackoverflow.com/questions/1164635/how-to-enable-or-disable-an-anchor-using-jquery — Vucko, Jan 03 '13 at 13:03

score 1 · Accepted Answer · edited Jan 03 '13 at 19:38

1

 if ($('#action').prop('disabled', true)) {
     alert("inside if");
     event.preventDefault();
     return false; 
 };

edited Jan 03 '13 at 19:38

Andrew Barber

39,603
20
94
123

answered Jan 03 '13 at 13:02

Muhammad Talha Akbar

9,952
6
38
62

oh i thought there is written "it does not work" sorry ^_^ sleeping zzzz – Muhammad Talha Akbar Jan 03 '13 at 13:05
Ahh, so the :disabled checks the css. Now I understand :) It works with .prop – tvb Jan 03 '13 at 13:16
well, :disabled is a psuedo element! you can use for styling it just like this `input:disabled { border:1px solid #a898a2; }` but not like this as you done above see more on is() function jQuery! google it! – Muhammad Talha Akbar Jan 03 '13 at 13:18
ah free all the time for you buddy :) – Muhammad Talha Akbar Jan 03 '13 at 13:25

Check for disabled button not working

1 Answers1