Question

Here an example of my checkbox list http://jsfiddle.net/YnM2f/

Let’s say I check on G then A,B,C,D,E,F also automatic checked. How can i achieve my goals with jQuery?

Answer 1

This will check all checkboxes above a checkboxe that gets checked and uncheck all checkboxes above a checkbox that gets unchecked, given the checkbox layout that you’ve provided.

$('input:checkbox').click(function () {
    var state = $(this).prop('checked');
    var elements;
    if (state) {
        elements = $(this).parent().prevAll();
    } else {
        elements = $(this).parent().nextAll();
    }
    elements.each(function () {
        $('input:checkbox', this).prop('checked',state);
    });
});