Çoklu Checkbox Kullanımı

Hiç yorum yok
Arkadaşlar benim çok kullandığım bir özelliği sizlerle paylaşmak istedim. Eminim sizde zaman zaman kullanacaksınız bu özelliği. Çoklu Checkbox Seçimi nerede işime yarar derseniz, şöyle açıklayayım size. Bir mesaj sisteminiz olsun ve kullanıcı mesajları işaretleyip çoklu bir şekilde silmek istiyor. İşte o zaman çoklu bir şekilde Checkbox seçmemiz gerekebilir. Ya da aynı mantıkla İletişim Mesajlarının olduğu bir bölüm yaptınız sitenizde. Bu mesajları toplu bir şekilde silmeniz gerektiği zamanda Çoklu Checkbox Kullanımı işinize yarayacaktır. Bu kısımda Checkbox ları nasıl toplu seçeriz diye anlatacağım. ASP kategorisinde ise bu checkboxları toplu bir şekilde gönderip database den nasıl sileriz onu göstereceğim. Şimdilik dediğim gibi Çoklu Checkbox Kullanımını görelim.

Öncelikle ihtiyacımız olan kısa bir javascript kodumuz var. Onu <head></head> etiketlerinin arasına ekleyebilirsiniz.

JavascriptKodumuz :

<script type="text/javascript">
function selectAll(form1){
    var selectName=document.form1.coklusecim;
    var checkNumber= selectName.length;   
    if(document.form1.hepsinisec.checked==false){
        for(i=0; i < checkNumber; i++){
        selectName[i].checked=false;
        }
    }else{
        for(i=0; i < checkNumber; i++){
        selectName[i].checked=true;
           }
    }   
}
</script>



Sonrada form mumuzu oluştumaya geliyor işimiz. Formumuz aşağıdaki gibi olmalıdır.

<form action="#" method="post" name="form1">
  <input type="checkbox" name="hepsinisec" onclick="selectAll('form1')" />
  <input type="checkbox" name="coklusecim" /> 

  <input type="checkbox" name="coklusecim" />
  <input type="checkbox" name="coklusecim" />
</form>



Formumuda dikkat etmemiz gereken isminin form1 olması ve seçim yapan checkbox ında orada form1 olarak belirtilmesi. Eğer siz form adını değiştirmek isterseniz. Bu ikisini değiştirmeli ve aynı zamanda javascript kodundaki form1 yazan yeri belirttiğiniz form ismini yazmalısınız. İkinici olarak önemli nokta ise checkbox ların isminin coklusecim olması. Eğer bunun isminide değiştirmek isterseniz yine aynı şekilde form üzerinde değişiklik yaptığınız gibi javascript kodunda da değişiklik yapın. Ve son olarakda Seçim yapan ya da tüm seçimi iptal eden checkbox ın adını hepsinisec olarak yaptım ki daha iyi anlayasınız diye. Bunun da ismini değiştirmek isterseniz yine form alanından ve javascript alanında ki gerekli yerden değişiklik yaparsanız. 

Sizlere kolay gelsin.

Hiç yorum yok :

Yorum Gönder