I need to disable a LinkButton in a .aspx file using jQuery depending on the value. The button gets disabled in IE 8. But in Google Chrome it is not disabled.
Code:
$(".grid-prev-btn").addClass('ui-state-disabled').attr('disabled', true);
Please give me solution for this issue
I am trying to disable link button for a particular condition it gets disabled in Internet Explorer but in Chrome browser it not getting disabled
ok, really you should be using prop instead of attr for recent implementations of jQuery
$(".grid-prev-btn").addClass('ui-state-disabled').prop('disabled', true);
attr would be more applicable to the written disabled="disabled" attribute on a tag, so should more correctly be .attr("disabled", "disabled")
However, disabled on hyperlinks isn't supported on modern browsers, so I'd suggest the following. The .attr, disabling pointer-events and adding a click handler for should the link be triggered by the keyboard
As you are using jQuery 1.8.x, I would recommend the full solution as follows.
$(".grid-prev-btn").addClass('ui-state-disabled').attr('disabled', 'disabled').css('pointer-events', 'none').on("click", function() { return false; });
You could of course remove the pointer-events bit from inline, and put it in your CSS for .ui-state-disabled
a.ui-state-disabled { pointer-events: none; }