SELECT ALL CHECKBOXES From Child to parent

[fireburner29]

Hi there,

I have a row of checkboxes and I want the following: -
when clicking the child it has to select/unselect all parent checkboxes - and you uncheck one of the child checkboxes, the parent should also uncheck.

Here parent ->child select/unselect attached.

<script language="JavaScript">
function checkAll(theForm, cName, status) {
for (i=0,n=theForm.elements.length;i<n;i++)
  if (theForm.elements[i].className.indexOf(cName) !=-1) {
    theForm.elements[i].checked = status;
  }
}
</script>

<form id="selectForm">  
<input type="checkbox" name="selected" value="01" class="results2"><br>
<input type="checkbox" name="selected" value="02" class="results2"><br>
Select All/None <input type="checkbox" onclick="checkAll(document.getElementById('selectForm'), 'results2', this.checked);" />
</form>

[pixelsoul]

Here is a decent article about using jQuery to accomplish this.
http://tech.tiffanyandjeremy.com/Articles/Two-level-JQuery-check-and-uncheck-all-child-checkboxes-of-a-parent-checkbox

I'm sure there is some stuff about it in raw JavaScript, but I prefer jQuery over raw JavaScript for something like this.

[fireburner29]

thank you.