how to get selectedvalue of radiobuttonlist in Javascript?

A

Arnold

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>
 
B

Bob Barrows [MVP]

Arnold said:
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>
Click to expand...


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.
 
J

johns221b

Arnold said:
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
Click to expand...

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
 
M

MikeS

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>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How can I structure the final array to meet the requirements of Bootstrap Tree View for building a tree in JavaScript? 1
How do I get the if statement correct in the lines that has it in the program? 2
How to use Densenet121 in monai 0
Enabling Radiobuttonlist in Javascript 4
AJAX extended radiobuttonlist unselects selected value in popup 6
RadioButtonList, Web User Control, Firefox, IE 5
How do I fix this issue in sqaurespace code block? 1
problem with selectedvalue of dropdownlist 11

Members online

Total: 66 (members: 2, guests: 64)
Robots: 352

Forum statistics

Threads
473,968
Messages
2,570,154
Members
46,702
Latest member
LukasConde

Latest Threads

Top