jquery select item in radiobuttonlist via client-side function

asp.net jquery radiobuttonlist
mcliedtk picture mcliedtk · Mar 18, 2010 · Viewed 10k times · Source

I have the following ASP.NET RadioButtonList:

<asp:RadioButtonList ID="rbl" runat="server">
    <asp:ListItem Text="Type1" Value="1" />
    <asp:ListItem Text="Type2" Value="2" />
</asp:RadioButtonList>

I would like to select an item in the list programmatically via a client-side jquery function like this (simplified version):

function BindWidget(widget) {
    // Type property of Widget is an int.
    $("#<%=rbl.ClientID%>").selectItemByValue(widget.Type);
}

Ideally, there is some function - in the above code I have proposed selectItemByValue - that selects an item in a RadioButtonList by a given value. Does jquery have a similar function built-in? If not, how should I go about implementing the desired functionality?

Answer

SoftwareGeek picture SoftwareGeek · Mar 19, 2010

try this.

$('#<%=rbl.ClientID %>').find("input[value=" + widget.Type + "]").attr("checked", "checked");

Related questions

How to loop through a radio button list

I searched online and didn't find a good method to select radiobuttonlist control in .net So I add a class to each radiobuttonlist and using class selector to loop each, however, it seems that whenever one changes, all change. See …

Read More
ASP.Net RadioButtonList: using jQuery to get the ListItem selected

have 2 RadioButtonLists: Are you a minor?: oYes oNo Do you wish a joint account?: oYes oNo If the answer to the 1st question is yes, I want to detect the response to the first question and set the answer to …

Read More
jQuery Function to get RadioButtonList Value

I have the following HTML code: <tr> <td> <span>Random question here?</span> </td> <td> <asp:RadioButtonList ID="someList" runat="server" SelectedValue="<%# Bind('someValue') %>" RepeatDirection="…

Read More