How do I disable a link after it clicked

Question

1.00/5 (1 vote)

See more:

I tried document.getElementById("link1").disabled = true; but its did't work...so please help..

What I have tried:

I tried document.getElementById("link1").disabled = true; but its did't work...so please help..

Posted 4-Jun-18 2:28am

Member 12709259

Updated 4-Jun-18 5:13am

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

W∴ Balboos, *GHB* · Answer 1 · 2018-06-04T02:44:00

Solution 1

Suppose your link were inside of a <div> wrapper. Now, when your onclick event is triggered you disable the <div>, which disables all of its content. Or you could even hide the div (and thus its content).

You code sample is a little sparse.

Per correction in comment: How to Disable Links | CSS-Tricks[^] address the question.

Posted 4-Jun-18 2:44am

W∴ Balboos, GHB

Updated 4-Jun-18 5:24am

v2

Comments

MadMyche 4-Jun-18 11:06am

"disabled" is not a valid attribute for a <div>

MadMyche · Answer 2 · 2018-06-04T05:14:00

Solution 2

The reason "disabled" most likely did not work is that it is not a valid attribute for a <a> element. It only works on elements you would normally find within a form.
W3 Schools > disabled attribute[^]

What I would try would be to remove the href attribute from the link when clicked.

Posted 4-Jun-18 5:14am

MadMyche

Comments

W∴ Balboos, GHB 4-Jun-18 11:26am

Somehow I remember doing this type of thing in the past - but obviously not with the div. If you check my revised answer, I gave a link to one of the various work-arounds. Now I'm wondering if this was something I did in .NET just transferred the idea without check. Glad you caught it. The idea of hiding the link (via div) would work but isn't really what's asked for.