jQuery: How to grab RadioButton selection?

Question

I need to grab the value of the radiobutton option selected with jQuery. I am using the following code but "str" is undefined in Firebug:

 //handling Feed vs. Ingredient RadioButton
            $('[id$=rdoCheck]').change(function() {
                str = $("input[name='rdoCheck']:checked").val();
                //ingredients
                if (str == "ing")
                { $('[id$="lblDescription"]').text("Ingredient") }
                //finished feed
                else if (str == "ffc")
                { $('[id$="lblDescription"]').text("Finished") }

            });

Answer 1

It looks like you're using ASP.Net. When you look at the rendered html, you'll see it's messing with (prefixing) the name attribute just like it does with IDs.

You'll need to also use an ends-with selector on it, like this:

var str = $("input[name$=rdoCheck]:checked").val();

Answer 2

I add classes to my .net generated elements so that I can use simpler jQuery selectors eg

<asp:textbox id="txtName" CssClass="name"/>

$('input.name').text();

Note: You can specify an absolute identifer in asp.net 4.0