Created
April 1, 2020 17:38
-
-
Save alexsoin/137f976218afceba7aa0295b974456e1 to your computer and use it in GitHub Desktop.
Отображение/скрытие блока с адресом в зависимости от выбранного типа доставки в minishop2 modx revo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Функция переключения показа/скрытия блока с адресом | |
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