4

2 つのハイパーリンクがあります。1 つのハイパーリンクをクリックすると、別のハイパーリンクを無効にする必要があります。

私を助けてください

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

JavaScript で

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

しかし、それは機能していません

4

6 に答える 6

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";
    }
于 2013-05-24T11:17:58.617 に答える
1

たとえば、持っている場合

  <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;
 };
于 2013-05-24T11:16:51.333 に答える
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>
于 2013-05-24T11:15:55.547 に答える
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>
于 2013-05-24T11:08:25.667 に答える