Как event.target.closest совместить с if?

Question

[FrolovSite]

Пожалуйста, помогите прикрутить event.target.closest к условию. Константа checkbox_on_off возвращает 'on' или 'false'. Возможно ли совместить константы variation и checkbox_on_off?

$(document).on('change', 'input.variable_manage_stock', function (event) {
 const variation = event.target.closest('.woocommerce_variation');
 const checkbox = event.target;
 const checkbox_on_off = checkbox.matches('input.variable_manage_stock:checked') && checkbox.value;
 if (checkbox_on_off == 'on'){}
 if (checkbox_on_off == 'false'){}
});

Answer 1

[szQocks]

$(document).on('change', 'input.variable_manage_stock', function (event) {
 const variation = event.target.closest('.woocommerce_variation');
 const checkbox = event.target;
 const checkbox_on_off = checkbox.matches('input.variable_manage_stock:checked') && checkbox.value;
 if (checkbox_on_off == 'on' && variation){}
 if (checkbox_on_off == 'false'){}
});

Comments

[FrolovSite]

Благодарю за ответ, но к сожалению это не помогло. Хотя проблема вполне может быть в другом месте.
Весь код - https://codepen.io/YuriyFrolov/pen/vYVYarq?editors=1010

[szQocks]

FrolovSite, Твой подход хитрый мне вообще не нравится, задал 1 вопрос и на него получил ответ. Тут же говоришь что какая-то там проблема у тебя, ну я попробую только какая проблема ?)

[szQocks]

FrolovSite,

$(document).on('change', 'input.variable_manage_stock', function (event) {
			const variation = event.target.closest('.woocommerce_variation');
			const checkbox = event.target;
			const checkbox_on_off = checkbox.checked;
			if (checkbox_on_off && variation){ // Управление запасами включено
        console.log('включен')
				$('.show_if_variation_manage_stock select').on('change', function() { 
					$(document).on('change', '.show_if_variation_manage_stock select', function (event) {
						const variation = event.target.closest('.woocommerce_variation');
						const select = event.target;
						const showDate = select.matches('[name*="variable_backorders"]') && ['notify', 'yes'].includes(select.value); 
						variation.querySelector('.ps-date-var').classList.toggle('visible', showDate);
					});
				}).trigger('change');
			}
			else if (!checkbox_on_off && variation){ // Управление запасами отключено
        console.log('выключен')
				$('.variable_stock_status select').on('change', function() { 
					$(document).on('change', '.variable_stock_status select', function (event) {
						const variation = event.target.closest('.woocommerce_variation');
						const select = event.target;
						const showDate = select.matches('[name*="variable_stock_status"]') && 'onbackorder' === select.value;
						variation.querySelector('.ps-date-var').classList.toggle('visible', showDate);
					});
				}).trigger('change');
			}

		}).trigger('change');

[FrolovSite]

szQocks, в том то и проблема, что я не имею представления о том в чем моя ошибка. Увы, но мне так и не хватило ума заставить это работать как задумано.
Но за помощь огромнейшее спасибо!

[szQocks]

FrolovSite, код который я исправил - работает только для одного блока, если подумать то можно тупо скопипастить тебе и изменить обёртку у блоков или разное название дать инпутам и повесить разные обработчики кароч не сложно но с этой рутиной вряд ли поможет кто-то, никто не захочет