禁用啓用超鏈接

我有這樣一個超鏈接的代碼： 點擊這裏 ，我想自定義單選按鈕的點擊，這是一樣的基礎上，此鏈接： 是的否在單選按鈕值：'是'，我想啓用超鏈接。而單選按鈕值：'不'，我想禁用超鏈接。因此，爲了使超鏈接在單擊單選按鈕「否」後禁用，我在禁用鏈接（）方法中寫入了以下內容： function disable-link（） { //document.getElementById('disable-鏈路'）禁用=真。 document.getElementById（'disable-link'）。href ='＃'; } 現在，我不得不寫使能鏈（）方法，這樣的超級鏈接被點擊單選按鈕「YES」禁用啓用超鏈接

function enable-link() 
{ 
    //document.getElementById('disable-link').disabled=false; 
     // SOME LINE OF CODE TO RE-ENABLE THE LINK 
}

的document.getElementById（「禁用鏈接」後重新啓用）.disabled = true */* false; - ：它使禁用，但用戶可以點擊超鏈接雖然。因此，我已經使用「document.getElementById（'禁用鏈接'）。href ='＃';」 - ：它使鏈接不可點擊請建議。

來源

2012-11-01 puneet2289

發佈您的網頁代碼 – polin

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>StackoverFlow answer for question</title> 
<script type="text/javascript"> 

    var link,color; 

function disable_link() { 

    document.getElementById('testlink').disabled=true; 

    link = document.getElementById('testlink').href; 

    document.getElementById('testlink').removeAttribute('href'); 
    //document.getElementById('testlink').style.color = "grey"; 

    } 


function enable_link() { 

    document.getElementById('testlink').setAttribute("href",link); 

    } 


</script> 
</head> 

<body> 
<form id="form1" name="form1" method="post" action=""> 
    <p> 
    <label> 
     <input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0" onchange="disable_link();" /> 
     Radio</label> 
    <br /> 
    <label> 
     <input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1" onchange="enable_link();" /> 
     Radio</label> 
    <br /> 
    </p> 
    <a id="testlink" href="http://www.yahoo.com"> test </a> 
</form> 
</body> 
</html>

來源

2012-11-01 10:14:07

謝謝，它的工作..打了它.. :) – puneet2289

禁用啓用超鏈接

回答

相關問題