0

<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をクリックすると、LINK1のみが無効になります。5つのリンクすべてを無効にする必要があります（ページ内の他のリンクではなく、これら5つだけ）。

シンプルで最良の方法を提案してください:)

4

3 に答える 3

3

<a>タグはdisabled属性をサポートしていません。サポートしているのはinput、、だけです。textareabutton

リンクをクリックできないようにする場合は、href属性をnullにすることができます。

<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>

それは将来のクリックを防ぎます。

于 2012-05-10T14:52:51.987 に答える
1

それが最善の方法であるかどうかはわかりませんが、確かに、それは仕事をします。

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>
于 2012-05-10T14:58:39.603 に答える
0

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; 
    });
于 2012-05-10T15:00:39.540 に答える