Hi there,
i have 3 images in my view..
<img id="flyer1" src=".." alt="" />
<img id="flyer2" src=".." alt="" />
<img id="flyer3" src=".." alt="" />
and 3 radiobuttons
@Html.RadioButtonFor(m => m.FlyerName, "flyer1", new { id = "rad1"})
@Html.RadioButtonFor(m => m.FlyerName, "flyer2", new { id = "rad2"})
@Html.RadioButtonFor(m => m.FlyerName, "flyer3", new { id = "rad3"})

How would I with the help of jquery make the radiobutton (rad1) selected when the user clicks on the img (flyer1), rad2 selected when flyer2 is clicked and so on.
I tried
$('flyer1').onclick(){
$("#rad1").Selected;
}
This doesn't work. Any ideas?

Why would you need the overhead of jquery to do something so simple?

<script type="javascript">
radSelect(p_id) {
     var RadID = p_id.replace('flyer','rad');
     document.getElementById(RadID).selected = true;
}
<script>

Then add

onclick="radSelect(this.id)";

to the image tag