Öncelikle işaterleteceğiniz bir tetikçi checkbox oluşturalım. İsmini de "isaretci" koyalım.
sonra işaretleyeceğimiz checkbox serisini oluşturalım. bize burda sadece name (isimleri) lazım.
<p>
<label><input type="checkbox" name="isaretci" id="isaretci" onclick="isaretle();" />
işaretle / işareti kaldır</label></p>
<p>
<input type="checkbox" name="secenek" id="secenek1" />Seçenek 1<br />
<input type="checkbox" name="secenek" id="secenek2" />Seçenek 2<br />
<input type="checkbox" name="secenek" id="secenek3" />Seçenek 3<br />
<input type="checkbox" name="secenek" id="secenek4" />Seçenek 4<br />
<input type="checkbox" name="secenek" id="secenek5" />Seçenek 5<br />
<input type="checkbox" name="secenek" id="secenek6" />Seçenek 6<br />
<input type="checkbox" name="secenek" id="secenek7" />Seçenek 7<br />
<input type="checkbox" name="secenek" id="secenek8" />Seçenek 8<br />
<input type="checkbox" name="secenek" id="secenek9" />Seçenek 9<br />
kodlarımızı bu şekilde ayarladıktan sonra bir javascript fonksiyonu yazalım.
Çok basit bir şekilde bunu halledebiliriz.
<script>
function isaretle(){
//Tıklanan işaretçiyi alıyoruz id'sini alıyoruz
var tiklanan = document.getElementById('isaretci');
//işaretlenecek checkboxlarin ismini alıyoruz name 'sini alıyoruz.
var gn = document.getElementsByName("secenek");
//Bir değişken yapıyoruz ve ilk değerini false olarak veriyoruz
var sonuc = false;
//Eğer tıklanan işaretçimiz işaretli ise değişkenimize true değerini veriyoruz.
if (tiklanan.checked==true)
{
sonuc = true;
}
// işaretlenecek olanları döngüye sokuyoruz. değişkenimizin türüne göre eğer işaretlenmişse işaretliyoruz, işaretlenmemişse seçimi kaldırıyoruz
for(i=0;i<gn.length;i++){
gn[i].checked=sonuc;
}
}
</script>
Örnek uygulama için bakınız: ozturkce.com/abm/tumCheckboxlariSec.asp
