Php 如何通过单击第二个超链接禁用一个超链接_Php_Javascript_Html

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

php javascript html

Php 如何通过单击第二个超链接禁用一个超链接,php,javascript,html,Php,Javascript,Html,我有两个超链接。当我点击一个超链接时，另一个超链接应该被禁用，这意味着它应该被任何用户看到，但没有被点击请帮帮我 <a href="">hiii </a> <a id="check" href="google.com">bye</a> 但它不起作用您可以使用jQuery onClick event（或.on（“click”）/.live（“onClick”）或任何您喜欢的方式）更改为链接的属性，如下所示： $('.my-link').a

我有两个超链接。当我点击一个超链接时，另一个超链接应该被禁用，这意味着它应该被任何用户看到，但没有被点击

请帮帮我

 <a href="">hiii </a> 
 <a id="check" href="google.com">bye</a>

但它不起作用

您可以使用jQuery onClick event（或.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>


$（“#link2”）.onClick（函数（）{
$（'#link1'）.attr（'disabled'，true）；
};
}

试试下面的方法

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

要重新启用它，请取消绑定处理程序：

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

或

使用此选项可重新启用它：

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

谢谢

Siva

使用java脚本，您可以通过添加.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类…

我只知道这些

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


window.onload=firstLoad；
函数firstLoad（）{
document.getElementById（“课程”）.href=“”；
document.getElementById（“posttest”）.href=“”；
}
函数clickHome（）{
document.getElementById（“预测试”）.href=“”；
document.getElementById（“lesson”）.href=“lesson.html”；
}
函数lessonRead（）{
document.getElementById（“posttest”）.href=“posttest.html”；
document.getElementById（“课程”）.href=“”；
}
| 
| 
| 
| 
|

例如，如果您有

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


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；
};

下面是您需要的代码

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

解除锁定是否适用于此？看这个，我添加了一个示例..没有检查拼写/语法，但你明白了；）是的，我已经解决了。如果要禁用链接，则无法重定向。请重新测试。

应该被看到，但没有被任何用户点击。

==>请解释，您只想禁用链接或更改其href？我想禁用它意味着不应该单击我的任何其他用户。您必须为link2文档创建另一个函数。getElementById（'link2'）。onclick=function（）{document.getElementById（'link1'）.disabled=false；document.getElementById（'link2'）.disabled=true；}；

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

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

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

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