Solved

How to get radiobuttonlist selected value in aspx?

Posted on 2009-05-05
4
2,278 Views
Last Modified: 2012-05-06
Hi

I need to get the selected value of a radio button list in aspx by javascript.

But it is undefined. I tried ctl01_op too as I saw the id changed to it in html.
function cald() {
var radioList = document.getElementsByName("op");
            for( var i=0; i < radioList.length; ++i)
            {
               if( radioList[i].checked)
              {
                   alert("Checked item: " + radioList[i].value)
              }
            }
}
 
 
<asp:RadioButtonList Runat="server" ID="op" name="op" RepeatDirection="Horizontal" TextAlign="Left" onchange='cald()'>
<asp:ListItem Value="*" Selected="true">*</asp:ListItem>
<asp:ListItem Value="/">/</asp:ListItem>
</asp:RadioButtonList>

Open in new window

0
Comment
Question by:techques
  • 2
  • 2
4 Comments
 
LVL 7

Expert Comment

by:ajolly
ID: 24305408
use

var radioList = document.getElementsById(<%=op.ClientID%>);
0
 

Author Comment

by:techques
ID: 24310687
the js error said it does not support this property or method.

0
 
LVL 7

Accepted Solution

by:
ajolly earned 50 total points
ID: 24311212
try with onclick event.
The following code is working and tested.
<%@ Page Language="C#" AutoEventWireup="False" CodeFile="Success2.aspx.cs" Inherits="Success2" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
 
    <script type="text/javascript">
        function cald()
        {
            var radioList = document.getElementsByName("op");
            for (var i = 0; i < radioList.length; ++i)
            {
                if (radioList[i].checked)
                {
                    alert("Checked item: " + radioList[i].value)
                }
            }
        }
    </script>
 
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:RadioButtonList runat="server" ID="op" name="op" RepeatDirection="Horizontal"
            TextAlign="Left" onclick="cald();">
            <asp:ListItem Value="*" Selected="true">*</asp:ListItem>
            <asp:ListItem Value="/">/</asp:ListItem>
        </asp:RadioButtonList>
    </div>
    </form>
</body>
</html>

Open in new window

0
 

Author Closing Comment

by:techques
ID: 31578041
excellent!
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Just a quick little trick I learned recently.  Now that I'm using jQuery with abandon in my asp.net applications, I have grown tired of the following syntax:      (CODE) I suppose it just offends my sense of decency to put inline VBScript on a…
It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now