Skip to content

Instantly share code, notes, and snippets.

@alexsoin
Created April 1, 2020 17:38
Show Gist options
  • Save alexsoin/137f976218afceba7aa0295b974456e1 to your computer and use it in GitHub Desktop.
Save alexsoin/137f976218afceba7aa0295b974456e1 to your computer and use it in GitHub Desktop.
Отображение/скрытие блока с адресом в зависимости от выбранного типа доставки в minishop2 modx revo
// Функция переключения показа/скрытия блока с адресом
function handleAdress(){
const idShowDelivery = 'delivery_2'; // id доставки, для которой показывать блок адреса
const checkedDelivery = document.querySelector('[name="delivery"]:checked'); // получаем выбранную селектор чекбокса выбранной доставки
const idDelivery = checkedDelivery.getAttribute('id'); // узнаем его id
let blockAdress = document.querySelector('#address_block'); // получаем селектор блока адреса доставки
blockAdress.style.display = (idDelivery == idShowDelivery) ? 'block' : 'none'; // в зависимости от выбранного значения скрываем/показываем блок адреса
}
// при окончании загрузки страницы делаем проверку
window.onload = function () { handleAdress(); };
// добавляем событие на переключение варианта доставки
document.querySelectorAll('[name="delivery"]')
.forEach(el => el.addEventListener( 'change', () => { handleAdress(); } ));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment