setting asp:RadioButton Text from javascript

Question

I am having the following Radio butttons in my aspx file.

<asp:RadioButton ID="rdoOption1" runat="server" GroupName="grpAnswers"/>
<asp:RadioButton ID="rdoOption2" runat="server" GroupName="grpAnswers"/>
<asp:RadioButton ID="rdoOption3" runat="server" GroupName="grpAnswers"/>
<asp:RadioButton ID="rdoOption4" runat="server" GroupName="grpAnswers"/>

I want to set the text from javascript on a button's click.
Javascript code is as follows.

document.getElementById("rdoOption1").innerHTML = "sometext";

I've also tried with Text,nodevalue instead of innerHTML, no use. Plz help.

Adil · Accepted Answer · 2014-04-04 06:21:01Z

2

You need to use ClientID in javascript instead of using the server side id. As the server side id is changed when html is generated by asp.net. You also have : instead of semi colon at the end of javascript statement. Use value instead of innerHTML as that is not for input html elements.

document.getElementById("<%= rdoOption1.ClientID %>").value = "sometext";

If you have .Net Framework 4 and above then you can use Control.ClientIDMode="static" to keep the server id on the client side.

Edit The second thing you have to take care is to make sure the html element you are trying to access is already added to DOM. You can do this by putting the script after the html elements you are trying to access. The best place would be just before the ending body tag </body>

     <script type="text/javascript>
           document.getElementById("rdoOption1").innerHTML = "sometext";
     </script>
</body>

edited Apr 4, 2014 at 6:21

answered Apr 4, 2014 at 5:28

Adil

148k25 gold badges217 silver badges207 bronze badges

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

9 Comments

krishna Over a year ago

hi adil... i am using .net framework 4 only... the default ClientIDMode is static oly na??? even i checked in the browser. it is rendering with same id oly.. may be of different problem?? plz help

Adil Over a year ago

Put the script just before ending tag, are you getting alert just to make sure your script working.

krishna Over a year ago

i've tried with different ID,tats is of a div container ID in the same page.It's working.but not with this radio button id.the error is like htmlfile: Unknown runtime error

Adil Over a year ago

What about using ClientID instead of ClientIDMode?

krishna Over a year ago

Hai adil... i think the problem is with asp:RadioButton, because i used an asp:Label(also a server control) in the same place as the before... working fine... my doubt is can we use innerHTML for providing Text in asp:radiobutton or we need some other... plz help.. i have no hope other than u.... :)

|

krishna · Accepted Answer · 2014-04-04 08:52:56Z

1

Atlast I've found the solution for this.
Actually the asp:RadioButton is rendering in the browser as follows,

<input name="grpAnswers" id="rdoOption1" type="radio" value="rdoOption1"/>  
<label for="rdoOption1">

Note: It'll generate label only if you specify some value for Text property of the asp:RadioButton.

So ,I have changed my code as follows,

<asp:RadioButton ID="rdoOption1" runat="server" GroupName="grpAnswers" Text=" "/>

My Javascript code to set Text for that asp:RadioButton is as follows,

document.getElementById("rdoOption1").nextSibling.innerHTML = "someText";

This one worked for me.Thanks to all those who spent their valuable time in answering my question. :)

answered Apr 4, 2014 at 8:52

krishna

1,2192 gold badges12 silver badges19 bronze badges

Comments

Sai Avinash · Accepted Answer · 2014-04-04 05:31:11Z

0

ASP.Net controls are server side controls and not client side controls like HTML.

Their actual ID's get generated during the run time not before hand.

So, your syntax should be some thing like:

document.getElementById("<%= rdoOption1.ClientID %>").innerHTML = "sometext";

answered Apr 4, 2014 at 5:31

Sai Avinash

4,75117 gold badges63 silver badges100 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:11:11Z

0

Check out this post: how-to-change-the-text-of-a-radio-button.

I don't think you can change the text using innerText of a radio button.

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Apr 4, 2014 at 6:25

Issac

9631 gold badge6 silver badges14 bronze badges

Collectives™ on Stack Overflow

setting asp:RadioButton Text from javascript

4 Answers 4

9 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

9 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related