• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.

Jquery Tümünü Seç Yapımı

Konuyu Okuyan Kişiler (0)

bicoder

webmaster.tc
Katılım
5 Eyl 2012
Mesajlar
188
Beğeniler
0
#1


Eğer formunuzda milyonlarca checkbox inputu varsa ve hepsini tek tek seçili hale getirmek cehennem azabı gibi gelebilir. Bu işi salt javascript ile halledebileceğiniz gibi eğer sayfanızda zaten jquery kütüphanesi yükleniyorsa ufacık bir fonksiyon ile de kolaylıkla üstesinden gelebilirsiniz.

Jquery fonksiyonu
PHP:
<script type="text/javascript">
  // Tüm checkboxları seç    
  function tumunuSec(status) {
    $("#kutucuklar input").each( function() {
      $(this).attr("checked",status);
     });
    }
</script>
Öncelikle sayfanın tepesine (veya harici .js dosyanıza) tüm işi halledecek olan fonksiyonu tanımlayın.

“kutucuklar” id’sine sahip kapsayıcı div

PHP:
<div id="kutucuklar">
<input name="kutu1" value="1" type="checkbox">Kutu 1
<input name="kutu2" value="1" type="checkbox">Kutu 2
<input name="kutu3" value="1" type="checkbox">Kutu 3
</div>
Tüm checkbox elemanlarınızı “kutucuklar” id’sine sahip kapsayıcı bir divin içerisine yerleştirin. Dilerseniz bu div’i tüm formunuzu kapsayacak şekilde ayarlayabilir veya direkt formunuza bu id’yi tanımlayabilirsiniz.

Seçme / seçim kaldırma işlemini yapacak olan eleman

PHP:
<input type="checkbox" onclick="tumunuSec(this.checked)">Tümünü Seç / Seçimi Kaldır
Son elemanı da yerleştirdikten sorna işiniz tamam, bu eleman sayesinde artık formunuzda yer alan tüm checkbox’ları seçili hale getirebilir veya tümünün seçimini aynı anda kaldırabilirsiniz.

Kaynak : Jquery ile formdaki tüm chexboxları seçmek (check all / uncheck all) — Egonomik