Disabling LinkButton doesn't disable the click event in javascript

If you want to disable a linkbutton, just use following code.

Markup

<asp:LinkButton ID="lnkButton" Text="Submit" runat="server">
</asp:LinkButton>

C# Code

this.lnkButton.Attributes.Add("disabled","disabled");

The simplest way to disable a link (and render it like normal text) without using jQuery is to remove it's href attribute entirely.

For example here is the rendered link:

<a id='link1' href="javascript:disableLink('link1');">Click me</a>

And the required JavaScript:

function disableLink(id) {
   document.all[id].removeAttribute('href');
}       

This works for me in both IE and Firefox, but you may wish to do some more extensive testing.

Using jQuery you can do this in a browser-independent either by replacing the href or by adding a click handler that preempts and stops the link being followed.

$('#objLinkButton').attr('href','#').addClass('disabled-link');

or

$('#objLinkButton').click( function() { return false; } )
                   .addClass('disabled-link');

Where the disabled-link class has some CSS to change the look of the link so that it looks disabled visually.

Note that if this if the control is inside a naming container (like a GridView or UserControl), you'll have to reference the name using the "ending with" selector on the id.

$('id$="objLinkButton"')...

EDIT: Based on your update. Try this:

var code = null;
$(document).ready( function() {
    var button = $('#objLinkButton');
    code = button.attr('href').replace(/javascript:/,''); // save postback function
    button.attr('href','#'); // replace postback function
    button.click( function() {
        $(this).unbind('click'); // get rid of click handler so it only fires once
        if (code) { // if link hasn't been used
            eval(code);  // do post back
        }
    });
}); 

I am building on tvanfosson 's answer. His answer using jQuery works well, but if you have validators it messes things up. Here goes:

var code = null;
$(document).ready(function () {
    var button = $('#SubmitPaymentLnkBtn');
    code = button.attr('href').replace(/javascript:/, ''); 
    button.attr('href', '#'); // replace postback function
    button.click(function () {
        if (Page_ClientValidate('PaymentInfo')) {
                           // now only runs if above validationGroup is valid
            $(this).unbind('click'); 
            if (code) {
                $(this).addClass('disabled-btn');
                eval(code);  // do post back
            } 
        }
    });
});

Then in your markup, be sure to set ClientIDMode to Static.

<asp:LinkButton ID="SubmitPaymentLnkBtn" Text=" submit " runat="server" CssClass="BlackBgText" ValidationGroup="PaymentInfo" Font-Size="22px"  onclick="SubmitPaymentLnkBtn_Click" ClientIDMode="Static" />

This is an edit based on the comment you posted to allow the linkbutton to be followed through on the first click but not otherwise.

To allow the link to be clicked the first time, but not after that, create a variable on the page to keep track of the click.

var clicked = 0;

Since linkbuttons produce hrefs on the front end, you could do this

<a href="#" OnClientClick="return false"></a>

OnClientClick is specific to .NET

If you want to do it after the page loads in certain situations only:

<a href="" id="linkbutton">

var linkbutton = document.getElementById("linkbutton");
linkbutton.onclick = function(){
   if(clicked != 0){
      //if other than 0, not followed
      return false;
   }
   else{
      //link is followed here since it's the first time it's being clicked and clicked value = 0
      clicked = clicked + 1;
   }
}

Try this. Simplest Example

<asp:LinkButton ID="LinkButton6" runat="server" disabled="disabled" OnClientClick="return false;"> Test Button</asp:LinkButton>