![]() 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>
|




















