enabling ASP.NET hyperlink using javascript

Question

I use VS2010,C# to develop my ASP.NET web app, I've created an asp.net hyperlink like this:

<asp:HyperLink ID="hpAccept" runat="server" Enabled="false" Target="_parent">Hyperlink</asp:HyperLink>

as you can see I've defined it as enabled=false, so it is disabled at startup, I've defined a JavaScript function that should enable this hyperlink after a variable is set to true, but it doesn't work! what is my problem, it is my JS function:

           function onRadioChange(rowIndex, value) {

.....
....
           if (all_ok) {
               document.getElementById('hpAccept').disabled = false;
           }
       }

my variable (all_ok) is set to true but the hyperlink is not enabled!

thanks

Answer 1

The element's id will not be 'hpAccept'

instead use:

document.getElementById('<%=hpAccept.ClientID%>').disabled = false;

Answer 2

<%= hpAccept.ClientID %> should work but not in a separate javascript file where server side scripts do not execute.

Another possibility is to use a class selector: jQuery

<input runat="server" id="hpAccept" value="test" class="txtTest" />

and then:

var value = $('.txtTest').removeAttr('disabled'); //Updated

Hope this helps.

Answer 3

You should add to your HyperLink markup attribute ClientIDMode with value static, it must be looks like this

<asp:HyperLink ID="hpAccept" runat="server" Enabled="false" ClientIDMode="Static" Target="_parent">Hyperlink</asp:HyperLink

After that, you can use jquery

$("#hpAccept").attr("disabled", "disabled");