I want to disable link button after clicking of it and other enable. toggle enable/ disable between both link buttons using javascript

Question

I want to disable link button after clicking of it & other enable. toggle enable/ disable between both link buttons using javascript

<a id="a1" href="page1.aspx">One</a><a id="a2" href="page2.aspx">Two</a>

Answer 1

Simple, just add listeners to the onclick events on both links, that disable the link in question and enable the other one.

Something like

document.getElementById('a1').onclick = function() {
   document.getElementById('a1').disabled = true;
   document.getElementById('a2').disabled = false;
};

document.getElementById('a2').onclick = function() {
   document.getElementById('a2').disabled = true;
   document.getElementById('a1').disabled = false;
};

Of course if you're going to be extending this to multiple buttons then you could easily abstract the above out to registration methods, looping over arrays of buttons etc. (possibly those that implement a particular class rather than explicitly specifying the array).

Answer 2

The simplest way is to hide the link rather than to make it disabled.

You can use this code to hide the link after click on it.

Its tested code & it worked perfect for me. :-)

<script type="text/javascript">
    onclick = function() {
        var chk= document.getElementById('myElementId');
        chk.style.display="none"; 
    };
</script>