如何禁用和启用超级链接元素(A元素)

在Asp.net中,有时候需要禁用掉一个a链接元素.

在服务器端,比较容易;只需要设置LinkButton的Enabled属性即可.
 

 

那么在客户端,如何使用javascript来实现呢? 如果你想当然的认为,使用a.disabled=true就能实现,那就错了.

正确的方法是:同时设置disabled属性和href属性:

 1)禁用a元素;

   
 

1 // 功能: 禁用一个a元素;
2 // 参数:
3 //     link: a元素对象;
4 function disableLink(link) {
5     //设置href属性
6     link.href = "javascript:void(0);";
7     //设置disabled属性
8     link.setAttribute("disabled", "disabled");
9 }


 

 

 2)启用a元素;
 

 1 // 功能: 启用一个a元素;
 2 // 参数:
 3 //     link: a元素对象;
 4 function enableLink(link) {
 5      // 将id中的所有下划线(_)全部替换为美元 ($)符号;
 6      var postbackID = link.id.replace(/_/gi, "$");
 7      // 重新设置href
 8      link.href = "javascript:__doPostBack('" + postbackID + "','')";
 9      // 删除disabled属性
10      link.removeAttribute("disabled");
11  }


 

注意:LinkButton在的客户端ID属性默认使用下划线(_)分隔符,在服务器端则默认使用美元($)分隔符;所以调用__doPostBack()方法时,需要将它的id属性转换一下,否则不会触发相关的服务器端事件.