jquery - parent/child checkboxes

by dbcottam

HTML

<ul>
    <li>
        <input type="checkbox" name="level-1">Level 1</input>
        <ul>
            <li>
                <input type="checkbox" name="level-2">Level 2</input>
                <ul>
                    <li><input type="checkbox" name="level-3">Level 3</input></li>
                    <li><input type="checkbox" name="level-3">Level 3</input></li>
                    <li><input type="checkbox" name="level-3">Level 3</input></li>
                    <li><input type="checkbox" name="level-3">Level 3</input></li>                    
                </ul>
            </li>
        </ul>
    </li>
</ul>

JavaScript

$('input[name="level-1"],input[name="level-2"]').bind('click', function () {
		    $('input[type=checkbox]', $(this).parent('li')).attr('checked', ($(this).is(':checked')));
		});