Drukowana wersja tematu

Napisany przez: hejkumkejkum 19.01.2023, 18:06:59

Mam prośbę o skoryggowanie kodu.

https://codepen.io/drumknott/pen/oNMoWyj

Żeby po naciśnięciu checkboxa aktywował się przycisk Link1 oraz przycisk CENNIK w ramach kontenera ".dk-kontener" ale tylko pierwszego jeśli w pierwszym ten checkbox był kliknięty.

Obecnie działa to tak, że kliknięcie checkboxa wpływa na wszystkie elementy, są dwa kontenery ".dk-kontener", a potrzebuję by były odseparowane. Czyli jak kliknę w pierwszym to żeby tylko w jego ramach aktywowało przycisk, a jak kliknę drugi to w drugim.

Napisany przez: nospor 19.01.2023, 18:10:59

No sam sobie odpowiedziales.
Skoro przyciski i checkbox jest w tym samym kontenerze a druga para w innym no to logiczne, ze jak klikasz checkbox to masz pobrac ten kontener w ktorym klinknieto checkbox i potem w tym kontenerze masz znalezc button ktory chcesz.
A nie jak teraz lecisz globalnie po klasie i zadowolony

Napisany przez: hejkumkejkum 20.01.2023, 02:07:30

Tak wiem, tylko ostatni raz z javascript miałem do czynienia kilka lat temu, zapomniałem wszystko bo zajmowałem się inną dziedziną zawodowo. I niby banał a utknąłem
Nie wiem jak to poprawnie zapisać, żeby działało jak należy, coś mi tam świta z THIS.

Ok, wymęczyłem . Czy taka postać jest ok? Czy da się to jeszcze ulepszyć?

[PHP] pobierz, plaintext 
jQuery(document).ready(function() {
jQuery('.dk-kontener').find('.dk-checkbox').click(function() {
 
    if (jQuery(this).is(':checked')) {  
    // alert ("checked");
jQuery(this).closest('.dk-kontener').find('.dk_buttonnn').removeAttr('disabled');
} else {
    // alert ("unchecked");
    jQuery(this).closest('.dk-kontener').find('.dk_buttonnn').attr('disabled', 'disabled');
    };
 
});
});
[PHP] pobierz, plaintext 

Napisany przez: viking 20.01.2023, 07:38:56

[PHP] pobierz, plaintext 
$(function() {
    $('.dk-kontener').on('click', '.dk-checkbox', e => {
        const butt = $(e.delegateTarget).find('.dk_buttonnn')
        butt.prop('disabled', !$(e.target).is(':checked'))
    })
})
[PHP] pobierz, plaintext