Question

can someone help me with some traversing and some logic here please. the logic is this:

1. if any checkbox in column3 is checked then check the first column checkbox.
2. if none in column 3 is selected, uncheck checkbox in column1

3. if column1 checkbox is unchecked, then uncheck all checkboxes in column3

   <table>
       <tr>
          <td><input class="isSelected" type="checkbox" /></td>
          <td>row1col2</td>
          <td><input class="actionItem" type="checkbox" /><input class="actionItem" type="checkbox" /></td>
       </tr>
       <tr>
           <td><input class="isSelected" type="checkbox" /></td>
           <td>row2col2</td>
           <td><input class="actionItem" type="checkbox" /><input class="actionItem" type="checkbox" /></td>
       </tr>
       <tr>
           <td><input class="isSelected" type="checkbox" /></td>
           <td>row3col2</td>
           <td><input class="actionItem" type="checkbox" /><input class="actionItem" type="checkbox" /></td>
       </tr>
   </table>
   

Answer 1

Here’s one approach: http://jsfiddle.net/mblase75/NDh2g/

$('table tr').find('input:checkbox:first').change(function() {
    var $this = $(this);
    $this.closest('tr').find('input:checkbox').prop('checked', $this.prop('checked'));
});

$('table tr').find('input:checkbox:not(":first")').change(function() {
    var tmp = true;
    var $this = $(this);
    $this.closest('tr').find('input:checkbox:not(":first")').each(function() {
        tmp &= $(this).prop('checked');
    });
    $this.closest('tr').find('input:checkbox:first').prop('checked',tmp);
});