I have a function using jquery that updates a form when an image is click.

I need to add to that function so that a specified radio button is selected.

How can I select a radio button using jquery please?

UPDATE:

I'll explain further...I have overlayed an image and hid the radio button...so what the user clicks on an image it will check the selected radio.

Here's how each radio looks like:

<label style="display: inline; " for="select_theme_a">
<img src="images/icons/theme1.png" />
<input checked="checked" class="select_control" id="select_theme_a" name="select_theme" type="radio" value="a" onclick="return submitForm();" style="display:none" />
</label>

There's 4 radio buttons .. 4 different images to click on.

Hope this helps

I have a function using jquery that updates a form when an image is click.

I need to add to that function so that a specified radio button is selected.

How can I select a radio button using jquery please?

UPDATE:

I'll explain further...I have overlayed an image and hid the radio button...so what the user clicks on an image it will check the selected radio.

Here's how each radio looks like:

<label style="display: inline; " for="select_theme_a">
<img src="images/icons/theme1.png" />
<input checked="checked" class="select_control" id="select_theme_a" name="select_theme" type="radio" value="a" onclick="return submitForm();" style="display:none" />
</label>

There's 4 radio buttons .. 4 different images to click on.

Hope this helps

• javascript
• jquery

• Duplicate: stackoverflow./questions/977137/… – PhD Commented Aug 17, 2011 at 21:16
• Not a duplicate...that question is about resetting / unselecting – Satch3000 Commented Aug 17, 2011 at 21:41

2 Answers 2

How can I select a radio button using jquery please?

You can use attr method like this:

$('#radio-id').attr('checked', true);

If radio element is inside same parent element as image than you can use this piece of code inside function that handles image click event:

$(this).parent().find(":radio").attr('checked', true);