asp.net controls with javascript

Question

I know this is probably a simple fix but I can't seem to figure out the issue here...

I am trying to disable withinthepast text box when RadioButton1 is clicked.

<asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="DateTimeQuery" OnClick="javascript:TimeRangeClickEvent()"/>
<asp:TextBox ID="withinthepast" runat="server" Text="1"></asp:TextBox>

<script>
        function TimeRangeClickEvent()
        {
            var radio1 = document.getElementById('<%=RadioButton1.ClientID%>').checked;                

            if (radio1 == true)
            {
                var within = document.getElementById('<%=withinthepast.ClientID%>').enabled = false;
            }
        }
    </script>

Any advice?

Did you try adding a few console.log statements to monitor what is going on in TimeRangeClickEvent? You could add: console.log('radio1: ' + radio1); before the "if" to see if radio1 is really true. The console can be viewed with F12 in most browsers (AFAIK). And same question as Alex: why the "within" variable? — Martin Parenteau
– Martin Parenteau, Commented Feb 25, 2016 at 16:01
I just tested with an alert and it does in fact alert "true" if checked and "false" if not. <script> function TimeRangeClickEvent() { var radio1 = document.getElementById("<%=RadioButton1.ClientID %>").checked; if (radio1 == true) { alert(radio1); } else { alert(radio1); } } </script> — Tim
– Tim, Commented Feb 25, 2016 at 16:11
But if I try to disable the text box I still get the correct alerts and nothing happens to the text box being enabled/disabled. — Tim
– Tim, Commented Feb 25, 2016 at 16:16

Martin Parenteau · Accepted Answer · 2016-02-25 16:26:12Z

1

The problem is probably with the "enabled" property. You can try this:

To enable a control: ctl.removeAttribute("disabled")

To disable a control: ctl.setAttribute("disabled", "disabled")

edited Feb 25, 2016 at 16:26

answered Feb 25, 2016 at 16:16

Martin Parenteau

74k13 gold badges137 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tim Over a year ago

Yep. Thank you that worked! Much appreciated. Cheers!

regex · Accepted Answer · 2016-02-25 15:39:22Z

1

try this

if (radio1.checked == true)
        {
            var within = document.getElementById('<%=withinthepast.ClientID%>').enabled = false;
        }

you can add attributes clientIdMode = static

answered Feb 25, 2016 at 15:39

regex

1011 silver badge9 bronze badges

2 Comments

Tim Over a year ago

Nope sorry. Didn't have any effect. I shouldn't have to put the OnClick event on the textbox as well right? Also, if i do cllientIDMode = static isn't there a chance I could end up with controls sharing the same ID as mentioned here stackoverflow.com/questions/6057490/…

Tim Over a year ago

Any other suggestions anyone? I'm at a loss here. Nothing I have tried seems to be working...

Collectives™ on Stack Overflow

asp.net controls with javascript

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related