Search jQuery

jQuery Forum

Using jQuery

rjain15

How to get the Value of Selected Radio Button in a Form

in Using jQuery • 11 years ago

Hi

I have seen the jquery documents, stackoverflow and other forums, but this doesn't seem to work.

I have a radio button in a form, and I want to get the value of the selection.

If I remove the radio button from the form, I can get it by simply

var first_val = $('input:radio[name=Question0]:checked').val();

But if I add it to to a form name=lifestyle

Any of these combinations don't work

I have a form named lifestyle

I have tried all the options in Chrome and it doesn't seem to work

Option 1 var first_val = $('#lifestyle input:radio[name=Question0]:checked').val(); alert($('#lifestyle input:radio[name=Question0]:checked').val());

Option 2 var first_val = $('form input:radio[name=Question0]:checked').val(); alert($('form input:radio[name=Question0]:checked').val());

Option 3 var first_val = $('#lifestyle input:radio[name=Question0]:checked','#lifestyle').val(); alert($('#lifestyle input:radio[name=Question0]:checked','#lifestyle').val());

And so on..

I don't get the value and the alert says undefined.

Thanks Rajesh

Replies(3)

jakecigar

Re: How to get the Value of Selected Radio Button in a Form

11 years ago

Names are nice for form submitting. But not so nice for building a jQuery. ids are much easier.

a jQuery for a named form would be

$(’[name="lifestyle"]’)

building on that I would get

$('[name="lifestyle"] [name="Question0"]:checked').val();

I dropped input & :radio because the only thing that is :checked is an input:radio.

JΛ̊KE

rjain15

Re: How to get the Value of Selected Radio Button in a Form

11 years ago

I have tried with names as suggested above, but doesn't work on Chrome and Firefox.

I am using the latest version of JQuery. I am going to try this with ids. Will report back if this works.

Thanks for the response,

Rajesh