jQuery set value of radio input

Question

Does anyone know how to check a radio input with jQuery?

I was thinking val() would work but apparently it only sets the value on text inputs.

 $('[name="radio_group"]').val('my_selected_value');

Nothing happens if I do that

how you know nothing is happening? – Shehary Aug 04 '15 at 01:22 — Shehary, Aug 04 '15 at 01:22
because I don't see the radio input getting checked – xpedobearx Aug 04 '15 at 01:23 — xpedobearx, Aug 04 '15 at 01:23

score 1 · Answer 1 · answered Aug 04 '15 at 01:24

Put the selected value into the selector, and set the checked property.

 $('[name="radio_group"][value="3"]').prop('checked', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="radio_group" value="1">1<br/>
<input type="radio" name="radio_group" value="2">2<br/>
<input type="radio" name="radio_group" value="3">3<br/>

score 1 · Answer 2 · answered Aug 04 '15 at 01:27

1

$('[name="radio_group"]').prop('checked',true);

This assumes that there is only one item with name ='radio_group'.

answered Aug 04 '15 at 01:27

Pyro979

202
1
10

1

Making assumptions about code you haven't been shown isn't a great thing to do, especially when you consider that the main function of radio inputs is achieved by multiple inputs having the same name. – Ken Herbert Aug 04 '15 at 01:31
@winterblood fair enough. – Pyro979 Aug 04 '15 at 01:56

score 0 · Accepted Answer · answered Aug 04 '15 at 01:24

0

try

jQuery("#radio_1").attr('checked', true);

answered Aug 04 '15 at 01:24

jameshwart lopez

2,993
6
35
65

jQuery set value of radio input

3 Answers3