mehmetduran.com - Paylaşmak Güzeldir...
Jquery ile Gridview'da ki Checkbox'ların Tümünü İşaretleme veya Bırakma
Jquery ile Gridview'da ki Checkbox'ların Tümünü İşaretleme veya BırakmaBu yazımda jquery ile gridviewda bulunan checkbox'ların tümünü işaretlemeyi veya tümünü işaretlememeyi nasıl yapabileceğimizi göstereceğim. Aslında gridview'da değilde istediğimiz checkbox'lar üzerinde bu işlemi jquery yardımı ile yapabiliriz. Bu uygulama internette birçok sistemde kullanılıyor. En bilineni ise gmail'de kullanılıyor. Gmail'de maillerimizin hepsini, hiçbirini veya bir bölümünü bu yolu kullanarak seçebiliyoruz. Bu yazımda ve vereceğim örnekte hepsini seçme veya hiçbirini seçmeme uygulamasını göstereceğim. Ancak yazacağımız metotlar ile istediğimiz şekilde uygulamalar geliştirebilir, kullanıcılara daha farklı seçimler sunabiliriz.
Bu uygulamayı yapmak için jquery kodlarımıza bakacak olursak:

        $(document).ready(function()
            {//checkbox'lar gridview'da td tagı arasında olduğundan aşağıdaki gibi elde ediyoruz.
                $("#sec").click(function()
                {
                    $("td >input:checkbox").each(function()
                    {
                        this.checked = true;
                    });
                });
                $("#birak").click(function()
                { 
                    $("td >input:checkbox").each(function()
                    {
                        this.checked = false;
                    });
                });   
            });

Bu işi yapacak html kontroller ise şu şekilde olacak:

<span class="span" id="sec">Hepsi</span><span class="span" id="birak">Hiçbiri</span>

Bu kodlar ile gridview içinde bulunan checkbox'ların hepsinin birden check durumlarını değiştirebiliyoruz. Yukarıda checkbox'ları td tagı arasında olduğunu belirtiyoruz. Çünkü; gridview'a ekledğimiz checkboxlar td tagları arasında bulunur.

Örnek uygulamayı buradan indirebilirsiniz.
İyi Çalışmalar!
Mehmet Duran 14 Eylül Pazar 2008 3 19191 4,5
Javascript jQuery Jquery Programlama
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Learn C# (Includes the C# 3.0 Features) E-Book Jquery ve Ajax ile Hazırladığım Datetimepicker - Örnek Uygulama Asp.net 2.0 - Selçuk Özdemir Javascript ile Sayaç (Kronometre) Yapımı Asp'ye Giriş (Asp Öğreniyorum)
Yorumlar
Yorum Yaz
RSS Yorum Takibi
sinan özkan 15 Eylül Pazartesi 2008 21:36 #1
emeğine sağlık mehmet gayet güzel bir paylaşım olmuş
mehmet 15 Ekim Çarşamba 2008 15:24 #2
Bu gridwiew içine veri tabanından çektiğimiz elemanların her birinin yanında checkboox gelecek şekilde tasarlayabilirmiyiz.Veri tabanından çektiğimiz bu bilgileri checkbooks kontrolü sayesinde tutabilirmiyiz acaba bi bilgisi olan varmı?
Mehmet Duran 15 Ekim Çarşamba 2008 16:42 #3
Merhabalar! Gridview tasarlarken her data için checkbox koyabilirsin. Bu checkboxları seçip bırakarak işlemlerini yapabilirsin.
İsim :
Site :
Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.
Ne edersen kendine, edersin kendi kendine.
Bölümler
Yazılar
Arşiv
Arama
Linkler
Site İçi Arama
Son Zamanlarda Ne Yapıyorum ?
İstatistikler - Araçlar - Reklam
İstatistikler
Sayaç
Mehmet Duran | mehmetduran.com | Copyright © 2009