Question

New to jquery question…

Using jQuery, depending on the radio button clicked I would like jQuery auto ‘check’ the corresponding checkbox.

<input type="radio" value="#ID#" name="#ID#1" 
       onclick="return tickSession(this);"/>
<input type="checkbox" value="#ID#" id="#ID#" 
       name="sessionsThatNeedBookingOnto" class="#ID#1"/>

<input type="radio" value="#ID#" name="#ID#1" 
       onclick="return tickSession(this);"/>
<input type="checkbox" value="#ID#" id="#ID#" 
       name="sessionsThatNeedBookingOnto" class="#ID#1"/>

<input type="radio" value="#ID#" name="#ID#2" 
       onclick="return tickSession(this);"/>
<input type="checkbox" value="#ID#" id="#ID#" 
       name="sessionsThatNeedBookingOnto" class="#ID#2"/>

This is what I have tried but my understanding is a little off…

<script>
    function tickSession(elementHere){
            alert($(elementHere).val());
            $(elementHere).attr('id').attr("checked", "true");
            $($(elementHere).val()).attr('checked','checked')

    }
  </script>

Answer 1

Let’s rework your checkboxes/radios:

<input type="radio" value="#ID#" name="rd1" class='rd-session-control'/>
<input type="checkbox" value="#ID#" id="for-rd1" 
    name="sessionsThatNeedBookingOnto" class="#ID#1"/>

Now:

$(function() {
    $('.rd-session-control').click(function() {
        var checkbox = $('#for-' + $(this).attr('id'));
        if (checkbox.is(':checked'))
            checkbox.removeAttr('checked');
        else
            checkbox.attr('checked', 'checked');
    });
});

What this does is:

1. Allow you to set all of the click handlers for the radios at once using a class rd-session-control.
2. The ID attribute for the checkboxes is sane and easily calculated relative to the radio that controls them.
3. Uses the :checked selector to test if the checkbox is active or not.