jQuery to disable button not work

Question

I used to bind event to my button like :

$("input[name=add]").live("click",function(){...});

But I got another function to make them "enable" and "disabled" like :

RefreshBox() {

    $("input[name=add]").each(function(){
        if(...)
            $(this).attr("disabled","disabled");
        else
            $(this).attr("disabled","");
    })

}

But in fact that it doesn't work as I expected. Buttons are still can be click and the event still works smoothly.

PS: jQuery 1.4.1 Browser: IE8 , after button disabled still can work. Browser: Chrome, disabled button success.

Answer 1

You'll want to use the prop function instead of attr:

$(this).prop("disabled", true);

and

$(this).prop("disabled", false);

EDIT

OP was using jQuery pre 1.6.1, which was why attr for disabled wasn't working quite right (for older IE). While prop is preferred for disabled, post 1.6.1 attr should (and does) work as well.

Answer 2

Try $("input[type=submit]").removeAttr("disabled"); to enable the button.