超連結的禁用屬性Disabled使用樣本，disabled樣本

最後更新：2014-08-01 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

可以設定超連結的Disabled屬性的true 和 false來確定超連結是不是能點擊

例如：

<a herf='http://www.baidu.com' onclick='return click(this);' disabled='ture'>bai du</a>

上面的意思是不想讓bai du的超鏈生效，但在click不做任何約束和判斷的話，但點擊bai du的時候自然就會跳轉到百度頁面，這就是html中超連結禁用屬性的bug
可以添加下面js約束來判斷超連結是否可以使用

<script language='javascript'> function click(obj) { if(obj.disabled) { return false; } return ture; } </script>

下面的微軟給出的bug解決方案：

藉助了全域變數，使用別的按鈕來改變disabled的屬性，來得到禁用屬性的效果.;

BUG： DISABLED 屬性不在禁用超連結
儘管 DISABLED 屬性設定為 True 一個超連結為在以下，
<a DISABLED="true" href="http://www.microsoft.com/" rel="external nofollow" rel="external nofollow" >Where do you want to go today?</a>
使用者仍可以單擊超連結，然後 Internet Explorer 導航到所選頁。

若要解決此問題，設定返回 true 或 false 根據當前的執行內容的超連結的 onclick 事件。在下面的代碼將全域的 Microsoft JScript 變數的值設定為 true 或 false ，根據按鈕單擊中。目標超連結對象的 DISABLED 屬性被更新，以便它能夠正確通訊其禁用的狀態，其他對象並編寫指令碼頁上的功能。

<html> <head> <title>Workaround for DISABLED Attribute Problem</title> <SCRIPT> var canNav = false; function canNavigate() { return canNav; } function load() { document.all("btn1").innerText = "Link status == " + canNav; } function setNavigate(linkObj, canNavParam) { if (linkObj != null) { if (canNavParam == false) { linkObj.disabled = true; } else { linkObj.disabled = false; } canNav = canNavParam; } } function updateBtnStatus(btnName) { var btn = document.all(btnName); if (btn != null) { document.all(btnName).innerText = "Link status == " + canNav; } } </SCRIPT> </head> <body onload="load();"> <a id="lnk1" disabled=true href="http://www.microsoft.com/" rel="external nofollow" rel="external nofollow" onclick="return canNavigate();">Click here</a><p> <button id=btn1 onclick="setNavigate(document.all('lnk1'), !(canNav));updateBtnStatus('btn1');"> </button> </body> </html>

js 或者jquery 切換設定超連結標記不可用 <a> 急

<a>中自訂一個屬性unable來實現！貌似disabled屬性只有一個值disabled。
<a id="addGrade" href='javascript:;' unable="false" onclick='if(!isdis(this))addGrade()'>添加年級</a>
<a id="addClasses" href='javascript:;' unable="false" onclick='if(!isdis(this))addClasses()'>添加班級</a>
<a id="del" href='javascript:;' unable="false" onclick='if(!isdis(this))del()'>刪除所選</a>
function go(btns){
$("#addGrade,#addClasses,#del").attr("unable",true);
$("#addGrade,#addClasses,#del").addClass('disable');
$(btns).attr("unable",false);
$(btns).removeClass('disable');
}
function isdis(t){
return $(t).attr('unable')=="true";
}

a連結地disabled屬性用什CSS控制

#2方法還是可開啟連結,樓主是想點選連結時⑤效,用指令碼設定<a>href屬性為空白就可以

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More