kreawich adlı üyeden alıntı: mesajı görüntüle
Merabalar, Contact Form 7 kullanarak bir sayfada bulunan bir çok checkbox elemanına tıklandığında farklı içeriklerde popup açmak istiyorum.

Elemanlar bunlar olsun, her checkbox için farklı bir uyarı mesajı vermek istiyorum.

[checkbox test id: popup  use_label_element exclusive "Manuel Vites (Düz)"]
[checkbox test id: popup2  use_label_element exclusive "Manuel Vites (Düz)"]
[checkbox test id: popup3  use_label_element exclusive "Manuel Vites (Düz)"]
ancak bunu tekrar ettiremiyorum. kodu tekrar ettirdiğimde js kodları 2 farklı checkbox'ta çalışmıyor.

$(document).ready(function() {
    $('#popup').change(function() {
        $('#mycheckboxdiv').toggle();
         $('#overlay').toggle();
    });
});
<div id="mycheckboxdiv" style="display:none">
<div id="popup1" class="overlay">
    <div class="popup">
        <h2>Uyarı !</h2>
         <a id="kapat"><i class="fas fa-times"></i></a>
        <div class="content">
            İçerik     Alanı
        </div>
    </div>
</div>
</div>
#popup ile selector yerine checkbox'larda class kullanın örneği class='popup' selector'de #popup yerine .popup kullanın.

checkbox'ların id'leri ile popup1,popup2,popup3 .... mycheckboxdiv_popup1, mycheckboxdiv_popup2, mycheckboxdiv_popup3 yapın.

change function'da
let cid = this.id;
$('#mycheckboxdiv_'+cid).toggle(); gibi birşey kullanın