php - 单击任何一个链接时要禁用的一组链接

Question

<div>我在 php 页面的标签内有 5 个（比如说）链接。当访问者点击任何一个链接时，所有 5 个链接都必须被禁用。如何使这成为可能？我有一些想法可以禁用用户单击的链接

<a href="someaction" onClick='this.disabled=true;'>LINK 1</a>
<a href="someaction" onClick='this.disabled=true;'>LINK 2</a>
<a href="someaction" onClick='this.disabled=true;'>LINK 3</a>
<a href="someaction" onClick='this.disabled=true;'>LINK 4</a>
<a href="someaction" onClick='this.disabled=true;'>LINK 5</a>

因此，如果我单击 LINK 1，则只会禁用 LINK 1。我需要禁用所有 5 个链接（只有这五个而不是页面中的其他链接）。

建议我简单和最好的方法:)

Answer 1

<a>标签不支持disabled属性，只有input, textarea,支持button。

如果你想让链接不可点击，你可以为空href属性：

<a href="someaction" onClick='this.href="";'>LINK 5</a>

或者您可以模拟disabled属性：

<a href="someaction" onClick='if(this.disabled){ return false; } else { this.disabled = true; }'>LINK 5</a>

它将防止未来的点击。

Answer 2

不确定这是否是最好的方法，但可以肯定的是，它会完成这项工作。

function removeLink(id){
    document.getElementById(id).innerHTML = 'LINK 1<br />LINK 2<br />LINK 3<br />LINK 4<br />LINK 5<br />';

}

<span id="removeLinkId">
    <a href="someaction" onClick="removeLinks('removeLinkId');">LINK 1</a>
    <a href="someaction" onClick="removeLinks('removeLinkId');">LINK 2</a>
    <a href="someaction" onClick="removeLinks('removeLinkId');">LINK 3</a>
    <a href="someaction" onClick="removeLinks('removeLinkId');">LINK 4</a>
    <a href="someaction" onClick="removeLinks('removeLinkId');">LINK 5</a>
</span>

Answer 3

HTML：

<a href="www.google.se" id="foo">LINK 1</a>

Javascript：

//Get the element you need.
var a = getElementById("foo");

//Remember to use the REFERENCE, not actually CALLING the callback.
a.onclick = callback;

function callback() {
    //a.setAttribute("style", "display:none;");
    a.removeAttribute("href");
    return false; //Stop the event (don't navigate
}

Javascript JQUERY：

//Get the element and bind it in one "line".
var a = $("a#foo);
a.bind(
    "click",
    function() {

        a.hide();
        a.removeAttr("href");

        //Stop the event from bubbling
        return false; 
    });