how to get selectedvalue of radiobuttonlist in Javascript? -- asp.net datagrid control

johns221b
11/12/2006 5:13:02 AM

[quoted text, click to view]

RadionList value can be processed in server side before sending to database.
radio1.SelectedItem.Text
For javascript you will have to loop through the collection of radio
buttons and check whether its checked or not, then take cchecked value.

thanks,
John Chacko

[quoted text, click to view]

MikeS
11/12/2006 7:01:44 AM

Since a RadioButton list doesn't have a OnClientClick property you can
add something like it and save the selected value.

<%@ Page Language="VB" %>

<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As
System.EventArgs)
InitList()
End Sub
Private Sub InitList()
For Each li As ListItem In RadioButtonList1.Items
li.Attributes.Add("onclick", "rb_click(this)")
Next
TextBox1.Text = RadioButtonList1.SelectedValue
End Sub
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As
System.EventArgs)
End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

<script type="text/javascript">
function rb_click(el) {
document.getElementById("<%=TextBox1.ClientID%>").value =
el.value;
}
</script>

</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br
/>
<asp:RadioButtonList ID="RadioButtonList1" runat="server">
<asp:ListItem Selected="True">A</asp:ListItem>
<asp:ListItem>B</asp:ListItem>
<asp:ListItem>C</asp:ListItem>
</asp:RadioButtonList>
<asp:Button ID="Button1" runat="server"
OnClick="Button1_Click" Text="Button" />
</div>
</form>
</body>
</html>

Bob Barrows [MVP]
11/12/2006 8:02:19 AM

[quoted text, click to view]

Run the page then View Source to see the radio buttons generated by the .Net
control. This will reveal their IDs at which point it should be a simple
matter to to use getElementById to get the value.

--
Microsoft MVP - ASP/ASP.NET
Please reply to the newsgroup. This email account is my spam trap so I
don't check it very often. If you must reply off-line, then remove the
"NO SPAM"

Beemer Biker
11/12/2006 9:51:09 AM

Hi Mike! I am jumping on this thread because I have almost the same problem
except I am working with a gridview

[quoted text, click to view]

can I assume "this" would also work with a gridview where at bindtime I
added my lists?

[quoted text, click to view]

I am a newbie and have never seen the code "<%=TextBox1.ClientID%>" used
like that in getElementByID. What if each each row in the grid had the same
TextBox1 in a templated grid. Would that work also?

[quoted text, click to view]

Arnold
11/12/2006 1:16:03 PM

Hi,

I need the SelectedValue of a radiobuttonlist in a Javascript variable. The
radiobuttonlist is only used in a form for inputting data into a database.
Before sending it to the database, i check the inputted values in
Javascript.
(By the way there is also a dropdownlist in the form, and i have no problem
with getting its SelectedValue with the same javascript code). With the
radiobuttonlist, i get "undefined" as value.

Thanks for helping me
Arnold

The radiobuttonlist is created in the code-behind like this:

Dim rb As RadioButtonList
Dim frm As HtmlForm = Me.FindControl("form1")
Dim rbl(2) As ListItem
rb = New RadioButtonList
rbl(1) = New ListItem("option 1", 1)
rb.Items.Add(rbl(1))
rbl(2) = New ListItem("option 2", 2).
rb.Items.Add(rbl(2))
rb.ID = "radio1"
frm.Controls.Add(rb)

The code in the aspx file:
<form id="form1" runat="server">
<input id="Sub1" type="button" value="submit" onclick="checkvalue()"/>
</form>
<script type="text/javascript">
var antw
function checkvalue()
{
antw=document.getElementById("radio1").value
alert(antw) // this gives: undefined
.....
.....
}
</script>

Arnold
11/12/2006 4:24:27 PM

Thanks to all

"Arnold" <ar@nold.cv> schreef in bericht
news:OvZJRRlBHHA.3536@TK2MSFTNGP03.phx.gbl...
[quoted text, click to view]

Got something to say? Click here to post a reply to this thread.

Don't see what you're looking for? Try a search.

View other messages about asp.net datagrid control

asp.net datagrid control : how to get selectedvalue of radiobuttonlist in Javascript?