Need help in javascript code

Question

var radiobox = document.getElementById('<%=rdoRiskAccepted.ClientID%>');

            alert(radiobox[0].checked);

I am getting undefined as a alert. what am I doing wrong.

Basic debugging first. Any errors in the error console? Is the ID you are using actually output in the browser, and is there a radio button with that ID? — Pekka
– Pekka, Commented May 13, 2010 at 11:13
Try putting <%=rdoRiskAccepted.ClientID%> in an invisible text box (with style="display:none") and then access the id of the text box. I don't think javascript can access .net variables (allthought I do not know much about .net so I could be flagrantly wrong). Second thought, pass is as a variable in js function. — Random
– Random, Commented May 13, 2010 at 11:18

Andy E · Accepted Answer · 2010-05-13 11:19:26Z

5

getElementById returns a single element because, even for radio groups, the id attribute must be unique. You should use the name attribute to specify a radio group and use getElementsByName instead. For instance:

<input type="radio" name="myRadio" checked><label>1</label>
<input type="radio" name="myRadio"><label>2</label>

JS

var radiobox = document.getElementsByName("myRadio");
alert(radiobox[0].checked);

answered May 13, 2010 at 11:19

Andy E

346k86 gold badges482 silver badges452 bronze badges

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

3 Comments

Vaibhav Jain Over a year ago

I am using asp:radiobuttonlist, so I would have ID only...no name

scunliffe Over a year ago

seriously? ASP doesn't give you access to the name? well, if so, just use the ID to get the first one, then access the .name property to get the name of the radio button set, then access by index.

Andy E Over a year ago

@vaibhav: I don't work with ASP, but your ASP.net markup would still have to render into valid HTML code. According to some of the pages I've read, radio buttons are rendered with the id of the list as their name, so using document.getElementsByName('<%=rdoRiskAccepted.ClientID%>'); should work.

Ashutosh Singh-MVP SharePoint · Accepted Answer · 2010-05-13 11:15:25Z

1

use alert(radiobox .checked);

I would also like to know why you are using clientid only you have to use <%=this.page.clientid + "_" + rdoRiskAccepted.ClientID%>

answered May 13, 2010 at 11:15

Ashutosh Singh-MVP SharePoint

5,1655 gold badges29 silver badges42 bronze badges

1 Comment

Zhaph - Ben Duguid Over a year ago

rdoRiskAccepted.ClientID will return the complete client side ID of the control, with page/content placeholder etc IDs in place.

Matt · Accepted Answer · 2010-05-13 15:47:45Z

0

With jQuery...

<asp:radiobuttonlist ID="rdoRiskAccepted" runat="server">
    <asp:listitem Value="True" Selected="true">Yes</asp:listitem>
    <asp:listitem Value="False">No</asp:listitem>
</asp:radiobuttonlist>

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
    var riskAccepted=$('#<%=rdoRiskAccepted.ClientID%> input');
    alert(riskAccepted[0].checked); //true
});
//]]>
</script>

answered May 13, 2010 at 15:47

Matt

9048 silver badges8 bronze badges

Collectives™ on Stack Overflow

Need help in javascript code

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related