@Web_junior

Как изменить картинку при клике на radiobutton?

Вот сайт: https://good-kitchen.by .
На шаге 7 есть возможность выбора подарка (реализовано через radiobutton):
5bfd1fbfd95cd354079867.png
Мне нужно, что бы на следующем шаге появлялось то, что выбрал пользователь. Вот здесь:
5bfd202fdfb50767885895.png
Как это можно реализовать?
  • Вопрос задан
  • 1148 просмотров
Решения вопроса 1
shmatuan
@shmatuan
8 year of Web, 5 years of Vue
Так подойдёт?
https://codepen.io/andreysh/pen/zMJOPY

var pics = {
    "one": "https://image.freepik.com/free-photo/cute-cat-picture_1122-449.jpg",
    "two": "https://media.wired.com/photos/598e35fb99d76447c4eb1f28/master/pass/phonepicutres-TA.jpg",
    "three": "https://c1.staticflickr.com/2/1520/24330829813_944c817720_b.jpg"    
  }
function check_value(event){
   document.getElementById("imagetest").src = pics[event.target.value] ;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы