Check/Uncheck all checkboxes in div

check_all_checkboxes.js

<div id="test">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>

<script type="text/javascript">
function checkByParent(aId, aChecked) {
    var collection = document.getElementById(aId).getElementsByTagName('INPUT');
    for (var x=0; x<collection.length; x++) {
        if (collection[x].type.toUpperCase()=='CHECKBOX')
            collection[x].checked = aChecked;
    }
}
checkByParent('test', true);
</script>

#Buttons
<input type="button" value="Check All" onclick="checkByParent('test', true);">
<input type="button" value="Uncheck All" onclick="checkByParent('test', false);">

#Links
<a href="#" onclick="checkByParent('test', true); return false;">Check all</a>
<a href="#" onclick="checkByParent('test', false); return false;">Uncheck all</a>