JQuery ile tüm checkbox'ların seçilmesi nasıl yapılır?

Bu soru 2 kez yanıtlandı.

• bill gates

  22 Haziran 2019 12:58

  24

  Bir checkbox'ı seçili ise seçimi kaldırmak; seçili değilse seçmek işlemine toggle adı veriliyor. Örneğin:

  HTML:

  <input type="checkbox" id="tumunuSec">Tümünü Seç
  <br>
  <input type="checkbox" class="beniSec">Seçim 1
  <input type="checkbox" class="beniSec">Seçim 2
  <input type="checkbox" class="beniSec">Seçim 3

  JQuery:

  $("#tumunuSec").click(function () {
       $('.beniSec').prop('checked', this.checked);
   });

  Bu fonksiyon, tumunuSec ID'sine sahip Html elemanının tıklanması ile devreye girecek ve beniSec class'ına sahip elemanların seçili hale gelmesini sağlayacaktır. Bu yaparken de this anahtar kelimesi tumunuSec ID'sine sahip Html elemanını temsil ettiği için eğer tumunuSec ID'sine sahip Html elemanı seçili ise beniSec class'ına sahip elemanlar da seçili hale gelecektir, değilse onların da durumu "seçili değil" olarak güncellenmiş olacaktır.

• BasParmak

  4 Aralık 2021 23:33

  0

  bkz: JQuery ile Cookie Oluşturmak ve Değerini Okumak