如何启用/禁用javascript中的链接按钮?

时间:2012-04-08 05:31:23

标签: javascript asp.net

页面上有一个链接按钮。

<asp:LinkButton ID="edit" runat="server" OnClick="edit_Click" Enabled="False">ویرایش</asp:LinkButton>

我希望在javascript中启用/禁用此功能。

我使用此代码但设置了可见

var objedit = document.getElementById('<%= edit.ClientID.ToString() %>');
objedit.style.display = "none";

我使用此代码但未启用

if (count == 1) {
    objedit.disabled = false;
} else {
    objedit.disabled = true;
}

我可以点击但链接按钮是禁用的。

enter image description here

5 个答案:

答案 0 :(得分:0)

试试这个

var objedit = document.getElementById("edit"); //not editid (editid is a variable)
objedit.disabled = true; //if I'm not mistaken its true/false or disabled

答案 1 :(得分:0)

那么,这就是你想要的吗? http://jsfiddle.net/hzaR6/
http://jsfiddle.net/hzaR6/2/ - 更新,在Chrome和Firefox中测试

更新方式

您可以使用class名称来定义禁用元素,您可以对其样式进行更多控制......等等。

$("#link").toggleClass("disabled"); //This will simply toggle the class

和css

#link.disabled{
    z-index:-1;            /*Make it not clickable*/
    position:relative;
    opacity: .5;           /*Lighter*/
}​

你可以在这里做任何你想做的事。

良好的旧form元素方式

$("#edit").attr("disabled", false);
 -or-
document.getElementBy("edit").disabled = false;

这将禁用任何表单元素。如果您要启用它们,只需将false更改为true


var a = document.getElementBy("edit").disabled;
如果元素被禁用,

a将为true。否则它将是false

答案 2 :(得分:0)

This link应该为您提供所需的一切。您无法真正“禁用”链接按钮,因为它只是附加了一些JavaScript的链接。基本上,您需要reassign the click handler来返回返回void或false的内容。

您可以使用以下脚本来引用链接的ID:

<script runat="server">
   var a = document.getElementById('<%= edit.ClientID.ToString() %>')
</script>

答案 3 :(得分:0)

document.getElementById(&#34; lnk&#34;)。style.display =&#34; none&#34;;

答案 4 :(得分:0)

禁用元素:

document.getElementById('<%# edit.ClientID %>').disabled = 'disabled';
//.ToString() is not necessary; ClientID is a string.

重新启用:

document.getElementById('<%# edit.ClientID %>').disabled = '';

当然,可以在加载文档(DOM)之后完成。