Блок доставки в завис-ти от способа доставки

Добрый день,
сделала следующую структуру в шаблоне tpl.msOrder

<div>Ваши данные</div>
<div>Выбрать способ доставки (самовывоз, доставка по Москве, доставка по РФ</div>
<div>Выбрать способ оплаты</div>
<div>Адрес доставки</div>
<div>Почтовый адрес доставки</div>
<div>Выбрать пункт самовывоза</div>

Нужно чтобы при выборе определенного способа доставки выводился определённый блок (например самовывоз — выбрать пункт самовывоза, доставка по РФ — Почтовый адрес доставки)

Подсмотрела здесь на сайте такую функцию

<script>
    function hideaddress(){
   if ($('[name="delivery"]:checked').attr('id') == 'delivery_1') {
      $("#address_block").hide();
   } else {
      $("#address_block").show();
      return false;
   }
}

window.onload = function () {
   hideaddress();
};

$(document).on('change', '[name="delivery"]', function() {
   hideaddress();
})
</script>

Вставила этот блок в конце в чанке tpl.msOrder (просто чтобы понять работает или нет). Ничего не работает(( Выбираю самовывоз (id 1), все блоки остаются на месте.
Пожалуйста, подскажите, что неправильно делаю

Natalia

15 января 2017, 15:15

1 404

Комментарии: 4

Евгений Webinmd

15 января 2017, 19:43

1) проверить чтобы скрипт вызывался после подключения jquery
2) у функции hideaddress уберите return false так как на смену этого инпута есть еще события и вы их отключаете.
3) смотреть в консоль браузера в поисках ошибки

Natalia

16 января 2017, 15:01

Спасибо за ответ!
1. jquery в head, здесь ок
2.убрала — всё равно эффекта ноль
3. в консоли нет ошибок!

Сайт пока на локальном сервере, это не может мешать?

Евгений Webinmd

16 января 2017, 15:06

мешать не должно,
проверьте через

console.log($('[name="delivery"]:checked').attr('id'))

что попадает в консоль и попадает ли вообще что-то

Денис Усачев

20 марта 2018, 19:04

$(document).on('change', '[name="delivery"]', function() {
   hideaddress();
})

change поменять на click

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.