logo标签列表

如何通过点击第二个超链接禁用一个超链接

phpjavascripthtml
4
我有2个超链接。 当我点击其中一个超链接时，另一个超链接应该被禁用，即它应该可见但不能被任何用户点击。 请帮帮我。
 <a href="">hiii </a> 
 <a id="check" href="google.com">bye</a>

在JavaScript中
$('#check').attr('disabled', true);

但它没起作用。

“应该被用户看到，但不能被点击” ==> 请问，您是想禁用链接还是更改其href？ - Ziyaddin Sadigov
我想要禁用它，这意味着其他用户不能通过点击来使用它。 - Delta
6个回答
4
使用 JavaScript，你可以通过添加 .disabled 类来禁用超链接，如下所示：
  .inactive //add this class to the link if you want to disable it 
{
    pointer-events: none;// this will disable the link
    cursor:default;
}

然后在适当的行中使用".inactive"类...
3

请尝试以下操作

$('.my-link').click(function () {return false;});

要重新启用它，解除绑定处理程序即可：

$('.my-link').unbind('click');

或者

$('.my-link').attr('disabled', 'disabled');

使用以下方法重新启用它：

$('.my-link').attr('disabled', '');

谢谢，
Siva
3
下面是您所需要的代码。
<a id="gLink" href="http://google.com">click me</a><br />
<a onclick="disableLink()" href="#">Disable link</a><br />
<a onclick="enableLink()" href="#">Enable link</a>

Javascript函数：

 function disableLink() {
        var a = document.getElementById('gLink');
        a.href = "#";
    }

    function enableLink() {
        var a = document.getElementById('gLink');
        a.href = "http://google.com";
    }
1

for e.g if you have

  <a id="link1" href="page1.php">One</a> <a id="link2" href="page2.php">Two</a>

document.getElementById('link1').onclick = function()
 {
   document.getElementById('link1').disabled = true;
   document.getElementById('link2').disabled = false;
 };

  document.getElementById('link2').onclick = function()
 {
   document.getElementById('link1').disabled = false;
   document.getElementById('link2').disabled = true;
 };
你还需要创建另一个函数来处理link2的点击事件： document.getElementById('link2').onclick = function() { document.getElementById('link1').disabled = false; document.getElementById('link2').disabled = true; }; - sanj
0

您可以使用jQuery的onClick事件（或.on("click") / .live("onClick")或您喜欢的任何其他方法）来更改链接的属性，如下所示：

$('.my-link').attr('disabled', true);

简短示例：

<a href='#' id='link1'>First</a>
<a href='#' id='link2'>Second</a>
<script>
    $("#link2").onClick(function(){
        $('#link1').attr('disabled', true);
        };
    }
</script>
1
是否可以使用禁用来实现此功能？请参考此链接：https://dev59.com/z2445IYBdhLWcg3wAFm0 - SivaRajini
我添加了一个例子.. 没有检查错别字/语法，但你明白我的意思 ;) - Dropout
是的，我已经修复了。如果您想禁用链接，则无法重定向。请重新测试一下。 - Dropout
0

这就是我所知道的全部。

<html>
 <head>
 <script language="javascript" type="text/javascript">
  window.onload = firstLoad;
  function firstLoad() {
  document.getElementById("lesson").href = "";
   document.getElementById("posttest").href = "";
   }
     function clickHome() {
    document.getElementById("pretest").href = "";
     document.getElementById("lesson").href = "lesson.html";
    }
     function lessonRead() {
      document.getElementById("posttest").href = "posttest.html";
     document.getElementById("lesson").href = "";
       }
     </script>
         </head>
    <body>
      <a href="home.html" id="home" onClick="clickHome()">Home</a> | 
     <a href="pre-test.html" id="pretest">Pre-test</a> | 
     <a href="lesson.html" id="lesson">Lesson</a> | 
     <a href="post-test.html" id="posttest" onClick="lessonRead()">Post-test</a> | 
     <a href="about.html" id="about">About</a> | 
     </body>
     </html>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接