Birden fazla onay kutularını ile bir HTML sayfası var.

Adını bir daha onay istiyorum"". tümünü seç Seçtiğimde bu HTML sayfasındaki tüm checkbox Onay Kutusu seçili olmalıdır. Bunu nasıl yapabilirim?

<script language="JavaScript">
function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for each(var checkbox in checkboxes)
    checkbox.checked = source.checked;
}
</script>

<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>

<input type="checkbox" name="foo" value="bar1"> Bar 1<br/>
<input type="checkbox" name="foo" value="bar2"> Bar 2<br/>
<input type="checkbox" name="foo" value="bar3"> Bar 3<br/>
<input type="checkbox" name="foo" value="bar4"> Bar 4<br/>

GÜNCELLEME:

Her biri için...oluşturmak, Safari 5 veya Chrome 5'te en azından bu durumda işe yaramıyor. Bu kod, tüm tarayıcılarda çalışması gerekir:

function toggle(source) {
  checkboxes = document.getElementsByName('foo');
  for(var i=0, n=checkboxes.length;i<n;i  ) {
    checkboxes[i].checked = source.checked;
  }
}