Question

I have a code like

<input type="checkbox" name="abc" value="A" class="chbx">
<a href="#" class="checkbox-selector">href1</a>
<input type="checkbox" name="abc" value="b" class="chbx">
<a href="#" class="checkbox-selector">href2</a>
<input type="checkbox" name="abc" value="c" class="chbx">
<a href="#" class="checkbox-selector">href3</a>

What I desired is when I click on href1 checkbox 1st should be selected and when I click on href2, the 2nd checkbox should be selected.

How can this be done in jQuery ?

Answer 1

You have to do this:

$('.checkbox-selector').click(function(){
    $(this).prev().attr('checked', true);
});