Disabling button in javascript not working in IE

Question

I have a requirement to disable a button when no value is found for a certain object. This code works in FF and the button is greyed out. It doesn't work in IE however.

Here is my code:

if(c4Obj.getValueByName("Combined_Order",1)=="")  
    $("#StockPlates_btn").attr('disabled', true)
else 
    $("#StockPlates_btn").attr('disabled', false);

Thank you for your time

possible duplicate of [jQuery to disable button not work](http://stackoverflow.com/questions/8707423/jquery-to-disable-button-not-work) — Felix Kling, May 16 '12 at 11:10

score 2 · Accepted Answer · edited May 16 '12 at 13:54

2

Try

if(c4Obj.getValueByName("Combined_Order",1)=="")  
    $("#StockPlates_btn").attr('disabled', 'disabled')
else 
    $("#StockPlates_btn").removeAttr('disabled');

edited May 16 '12 at 13:54

Nope

22,147
7
47
72

answered May 16 '12 at 11:08

Dave

3,581
1
22
25

score 0 · Answer 2 · answered May 16 '12 at 11:10

0

 $("#StockPlates_btn").click(function(){
    $("#StockPlates_btn").preventDefault();
 })

Try this. This will prevent click event when you click on it.

answered May 16 '12 at 11:10

unarity

2,339
2
21
17

score 0 · Answer 3 · answered May 16 '12 at 11:11

0

As Dave mentioned it should be disabled equals disabled for an option to be disabled in HTML.

The disabled attribute is not supported in IE, prior version 8.

Reference: http://www.w3schools.com/tags/att_option_disabled.asp

answered May 16 '12 at 11:11

Ravi

3,132
5
24
35

score 0 · Answer 4 · answered May 16 '12 at 11:12

may be you are using jQuery pre 1.6.1 version, which was why attr for disabled wasn't working quite right (for older IE).. by busing prop you can achive the task easily
try like this

if(c4Obj.getValueByName("Combined_Order",1)=="")  
    $("#StockPlates_btn").prop('disabled', true)
else 
    $("#StockPlates_btn").prop('disabled', false);

Disabling button in javascript not working in IE

4 Answers4