Вообщем проблема такая, у меня через цикл из бд, вытягиваются карточки, и на каждой карте есть checkbox и button. Надо чтобы checkbox нажимался и в текущей карте активировалась кнопка. Я сделал вот так:
$('#checkPay').on('change', function(){
let payButton = $('.buttonPayment');
if($(this).is(':checked')){
payButton.attr('disabled', false);
payButton.toggleClass('disablePayButton');
}else{
payButton.attr('disabled', true);
payButton.toggleClass('disablePayButton');
}
});
Но он активирует все кнопки, во всех карточках... Как сделать чтобы выбиралось в пределах одной карты?
Буду очень признателен!
Вот еще сам HTML
<div class="custom-control payment-checkbox mb-4 pl-2">
<input type="checkbox" id="checkPay" class="custom-control-input">
<label class="custom-control-label labelSms" for="customCheck1">Согласен с расчетом суммы к оплате</label>
</div>
<div class="button_submit_payment">
<button type="submit" class="buttonPayment btn-sm disablePayButton" id="paymentButton" disabled=""><?=GetMessage('PAYMENT')?></button>
</div>