HTML:

�

�

<input type="checkbox" id="all" /> Check/Uncheck all
<div id="check">
 <input type="checkbox" /> 1<br />
 <input type="checkbox" /> 2<br />
 <input type="checkbox" /> 3<br />
 <input type="checkbox" /> 4<br />
 <input type="checkbox" /> 5<br />
 <input type="checkbox" /> 6<br />
 <input type="checkbox" /> 7
</div>

�

�

The function that does the magic is find(); this function finds all elements in our case input that has the type = checkbox. Then it sets the checked atribute to true.

I used the toggle function for first (checks all) and second click (unchecks all)

�

�

<script type="text/javascript" src="assets/jquery.js"></script>
<script>
$(document).ready(function() {
 $('#all').toggle(
 function() {
 $('#check').find('input[type=checkbox]').attr('checked', true);
 },
 function() {
 $('#check').find('input[type=checkbox]').attr('checked', false);
 });��� 
});
</script>

�