@Greendy

При выборе radio менять картинки?

Здравствуйте.
Есть такой скрипт:

$(".grid-view-item__image").next().addClass("hide");

$('input[name="id"]').on('change', function() {
    $(".grid-view-item__image").next().toggleClass("hide");      
});


В нем всегда второй картинке присваивается класс .hide. Ниже срабатывание события при изменении инпута в виде радио и при срабатывании - переключает класс на следующей картинке.

HTML прилагается.

По сути, хочу сделать чтобы при изменении radio - одна картинка переключала на другую, но в итоге переключает все такие же в других блоках, а не конкретно в этом...

<img class="grid-view-item__image lazyloaded" data-src="site.ru/1.jpg">         
  <img class="grid-view-item__image lazyloaded hide" data-src="site.ru/2.jpg">


<label class="color-select-item"> 
      <input name="id" class="variant_image_id" type="radio" checked="checked" value="37867818418374">
      <span style="background:Gold;"></span>    
  </label>
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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