1. 首頁
  2. 問答
  3. 我想單擊它和其他啓用後禁用鏈接按鈕。使用javascript在兩個鏈接按鈕之間切換啓用/禁用

我想單擊它和其他啓用後禁用鏈接按鈕。使用javascript在兩個鏈接按鈕之間切換啓用/禁用

2009-02-19 67 views

回答

1

您可以訪問並設置爲「禁用」兩個鏈接按鈕之間禁用屬性是這樣的：

if(somebutton.disabled == true){ 
    somebutton.disabled = false; 
}

我建議使用像jQuery JavaScript框架。

來源

2009-02-19 11:29:01

+4

鏈接沒有「禁用」屬性，這不起作用。 – 2009-09-08 18:00:31

+0

更具體地說，將「禁用」屬性添加到鏈接將工作，但只適用於Internet Explorer。 – 2012-08-23 17:41:57

4

簡單，只需添加聽衆在兩個鏈路上的onclick事件，即禁用該鏈接並啓用另一個。

喜歡的東西

document.getElementById('a1').onclick = function() { 
    document.getElementById('a1').disabled = true; 
    document.getElementById('a2').disabled = false; 
}; 

document.getElementById('a2').onclick = function() { 
    document.getElementById('a2').disabled = true; 
    document.getElementById('a1').disabled = false; 
};

當然，如果你要對這個然後很容易地擴展到多個按鈕，你可以抽象上述出登記方法時，上循環按鈕等（陣列可能那些實現一個特定的類而不是顯式指定數組）。

來源

2009-02-19 11:40:23

+0

我們可以使用任何財產或CSS來做到這一點。 – Yogini 2009-02-19 11:47:31

1

你的問題可以有以下3種可能情況中的任何一種。選擇你的問題套件。

案例1）在你的問題中的缺點是，因爲它們指向Page1.aspx的分別page2.aspx一旦你在瀏覽器中點擊一個鏈接一個新的頁面加載的鏈接。所以你想達到的效果並不重要。

案例2）如果你有兩個鏈接「一」和每個aspx頁面的「兩課」那麼你就可以和硬編碼指向自身的鏈接的禁用。 （或者根本沒有鏈接）。

案例3）如果你有一個框架中顯示鏈接「一」，「二」和你有另一個框架加載這兩個鏈接的內容，那麼你的問題都有其意義禁用其他鏈接。這是相同的代碼。

<html> 
<a id="a1" href="javascript:void(0)" onclick="toggle(objA1,objA2,'page1.aspx')">One</a> 
<a id="a2" href="javascript:void(0)" onclick="toggle(objA2,objA1,'page2.aspx')">Two</a> 
<br><iframe id="ifrm" src=""></iframe> 

<script> 
    var objA1 = document.getElementById('a1'); 
    var objA2 = document.getElementById('a2'); 

    // d=element to disable, e=element to enable 
    function toggle(d,e,link) 
    { 
     //if already disabled do nothing(don't follow url) 
     if(d.disabled) return; 

     //enable/disable 
     d.disabled = true; 
     d.style.cursor = 'default'; 
     e.disabled = false; 
     e.style.cursor = 'hand'; 

     //follow link 
     ifrm.src = link; 
    } 
</script> 
</html>

來源

2009-02-19 15:52:45

2

最簡單的方法是隱藏的鏈接，而不是讓它禁用。

您可以使用此代碼隱藏點擊它後的鏈接。

其測試代碼&它對我來說非常合適。 :-)

<script type="text/javascript"> 
    onclick = function() { 
     var chk= document.getElementById('myElementId'); 
     chk.style.display="none"; 
    }; 
</script>

來源

2010-01-08 04:23:03

0 
<html> 
<head> 

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 

<style type="text/css"> 
    .submit{ 
     padding:8px; 
     border:1px solid blue; 
    } 
</style> 

</head> 

<body> 

<h1>Disabled submit form button after clicked with jQuery</h1> 

<form action="#"> 
    <p> 
     I'm a form ~ 
    </p> 
    <input type="submit" value="Submit"></input> 
     <button>Enable Submit Button</button> 
</form> 

<script type="text/javascript"> 

$('input:submit').click(function(){ 
    $('p').text("Form submiting.....").addClass('submit'); 
    $('input:submit').attr("disabled", true); 
}); 

$('button').click(function(){ 
    $('p').text("I'm a form ~").removeClass('submit'); 
    $('input:submit').attr("disabled", false); 
}); 

</script> 

</body> 
</html>

來源

2012-05-27 16:39:16 Thari

0 
<script type="text/javascript"> 
    function validateForm(formObj) { 
     if (formObj.username.value=='') { 
      alert('Please enter a username'); 
      return false; 
     } 
     formObj.submitButton.disabled = true; 
     formObj.submitButton.value = 'Please Wait...'; 
     return true; 
    } 
</script> 
<form name="frmTest" action="" method="post" onsubmit="return validateForm(this);"> 
    Username: <input type="text" name="username" value="" /><br /> 
    <input type="submit" name="submitButton" value="Submit" /> 
</form> ​​​​​​

來源

2012-09-18 21:24:52

1

要禁用鏈接，而不是一個按鈕，你可以隱藏它是設置它不要去任何地方做開的嘛。

onclick="this.href='javascript: void(0)';"

來源

2012-09-26 05:35:16 stuartdotnet

相關問題

 相關問題