Checking a radio button in JQuery

Question

I need to programmatically check a radio button given its value. The form has an id and the input type obviously has a name (but no id). The only code I managed to get working so far is:

$('input[name=my_name]:eq(1)').attr('checked', 'checked');

But I'd like to be able to check it by explicitly providing the value.

Crime

Answer 1

So you want to select the radio which has a particular value:

$('input[name=my_name][value=123]').attr('checked', true); // or 'checked'

Lactoprotein

Answer 2

Below code worked with me, if I am assigning an ID to the radio button:

<input type="radio" id="rd_male" name="gender" value="Male" />
<input type="radio" id="rd_female" name="gender" value="Female" />

$('#rd_male').prop('checked', true);

Backbone

Answer 3

You should use prop instead of using attr . It's more recommended

    $('input[name=my_name][value=123]').prop("checked",true)

Mcgowan

Not if you're using a pre 1.6 version – Mouthful

Answer 4

In order to select the radio button programmatically, you can call a jQuery trigger or $(".radioparentclass [value=radiovalue]")[0].click();

Cherin

Careful with this solution. I was using this to match up two radio selections (one was for desktop and one was for mobile) that I already had a click handler on. Triggering a click caused an infinite loop on click events. Using .prop() fixed this for me. Otherwise, this is the easiest solution in my mind, – Kinfolk

Answer 5

$('input[name=field]:eq(1)').click();

Note : field = radio button name property

Amyamyas

Answer 6

Recommend use .click()

The other solution that only change radio option property or attribute

will NOT trigger radio event, you have to manually call radio event.

  $("#your_radio_option_ID_here").click()

Rinaldo