Nasıl uygulamak "tüm" seçin; HTML onay kutusu?

SORU

22 Aralık 2008, PAZARTESİ

Nasıl uygulamak "tüm" seçin; HTML onay kutusu?

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?

CEVAP

22 Aralık 2008, PAZARTESİ

<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;
  }
}

Bunu Paylaş: