How do you get the checked value of asp:RadioButton with jQuery?

Question

I need to do something like this:

<asp:RadioButton ID="rbDate" runat="server" Text="Date" GroupName="grpPrimary" />

and be able to check the value of the radio button's checked value in jQuery, but my attempts like these don't return true/false.

if ($('[name=rbDate]').attr("Checked"))

if ($('[name=rbDate]').attr("Checked").val())

if ($('[name=rbDate]:checked').val())

A little help?

score 18 · Accepted Answer · answered Oct 08 '09 at 23:52

18

This is probably the easiest way to do it. The *= searches the whole id attribute for rbDate which takes care of the whole ASP.NET id mangling.

$('input[id*=rbDate]').is(":checked");

answered Oct 08 '09 at 23:52

ChaosPandion

77,506
18
119
157

I don't get it. Why use the *contains* attribute filter when the ID is specific? Am I missing something? – karim79 Oct 08 '09 at 23:59
+1 From me, by the way. This answer is perfectly valid but if you don't have to it is fast to not have to match part of the id. – Andrew Hare Oct 08 '09 at 23:59
@karim79 - This is a rendered ASP.NET control which means that the rendered id will be mangled to include the id's of all the parent controls above this one. – Andrew Hare Oct 09 '09 at 00:00
@Andrew Hare - my goodness, I'm just not good with ASP.NET. So confused am I. Sorry for the spamming. – karim79 Oct 09 '09 at 00:02
@karim79 - LOL, no worries :) – Andrew Hare Oct 09 '09 at 00:35
Thank you. This not only gave me what I wanted, but it was a good reminder about the name mangling. – Dan Bailiff Oct 09 '09 at 20:43
That worked well and helped me. Another option is: $('#<%=rbDate.ClientID%>').is(":checked"); – Kirk Liemohn Mar 02 '12 at 16:13

score 5 · Answer 2 · edited May 23 '17 at 10:29

5

While ChaosPandion's answer will work it would be faster to wrap your RadioButtonList in a div like this:

<div id="dateWrapper">
    <asp:RadioButton 
        ID="rbDate" 
        runat="server" 
        Text="Date" 
        GroupName="grpPrimary" />
</div>

Then your jQuery code can be this simple:

var selected = $("#dateWrapper input:radio:checked");

edited May 23 '17 at 10:29

Community

1
1

answered Oct 08 '09 at 23:58

Andrew Hare

344,730
71
640
635

This is a good solution but in the majority of cases you won't even notice the speed difference. – ChaosPandion Oct 09 '09 at 00:01
Extra divs for simpler (but not shorter) jQuery isn't a great tradeoff for what I'm doing. Thanks for the idea, though! – Dan Bailiff Oct 09 '09 at 20:47

score 3 · Answer 3 · answered Oct 09 '09 at 02:01

INamingContainer adds a bunch of stuff to the beginning of the id of the actual html.

$('input[id$=rbDate]').attr('checked')

using the [id$=rbDate] bit on the selector tells jQuery that you want the input with an id that ends in rbDate

Now if you had a that you wanted to get the selected value of the entire list you might do something like

$('input[name$=rbDate]:checked').val()

which, were one of the items selected would return the value of the selected , or , in that radio button list.

score 0 · Answer 4 · answered Sep 23 '15 at 02:40

0

Here is my JQuery solution that uses the asp.net ID:

var rbSelected =  $("#<%= rbDate.ClientID %>").is(":checked");

answered Sep 23 '15 at 02:40

Enkode

4,515
4
35
50

How do you get the checked value of asp:RadioButton with jQuery?

4 Answers4

Linked