Aktywacja przycisku i przycisku cennika po zaznaczeniu checkboxa Opcje

[hejkumkejkum]

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.

[nospor]

Czyli jak kliknę w pierwszym to żeby tylko w jego ramach aktywowało przycisk

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 (IMG:style_emoticons/default/tongue.gif)

[hejkumkejkum]

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 (IMG:style_emoticons/default/smile.gif)
Nie wiem jak to poprawnie zapisać, żeby działało jak należy, coś mi tam świta z THIS.

A nie jak teraz lecisz globalnie po klasie i zadowolony (IMG:style_emoticons/default/tongue.gif)

Ok, wymęczyłem (IMG:style_emoticons/default/ohno-smiley.gif) . 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 

[viking]

[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 

Ten post edytował viking 20.01.2023, 07:41:16