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

Question

[Web_junior]

Вот сайт: https://good-kitchen.by .
На шаге 7 есть возможность выбора подарка (реализовано через radiobutton):

Мне нужно, что бы на следующем шаге появлялось то, что выбрал пользователь. Вот здесь:

Как это можно реализовать?

Comments

[shmatuan]

объект из 4х картинок

var pics = {
"name1": "rakovina.png"
}

, на нужном шаге получешь value выбранного радио pics[value] и подставляешь картинку

[Web_junior]

shmatuan, спасибо за ответ. Можете пожалуйста более развёрнуто написать код? Я не очень разбираюсь в этом..

[shmatuan]

Web_junior, вынес ниже в ответы код с примером)

[Web_junior]

shmatuan, спасибо! Сейчас опробую

Answer 1

[shmatuan]

Так подойдёт?
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] ;
}