Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.02.2017, 14:13
Новичок на форуме
Отправить личное сообщение для vadosik Посмотреть профиль Найти все сообщения от vadosik
 
Регистрация: 27.02.2017
Сообщений: 3

радиокнопки картинки и jquery
есть радиокнопки которые создаются в цикле
<?php foreach ($option['option_value'] as $option_value) { ?>
              <td style="width: 1px;"><input type="radio" style="display:none" value="<?php echo $option_value['product_option_value_id']; ?>"</td>
              <td><label><img src="<?php echo $option_value['image']; ?>" /></label></td>
<?php } ?>


у них дисплей стоит none и отображаются вместо них картинки которые также берутся циклом. Также есть на странице просто картинка допустим
<img src="1.jpg">

теперь вопрос как сделать чтобы при выборе радиокнопки картинка 1.jpg менялась на ту которая в радиокнопке???
<script>
     $(document).ready(function () {
         $('label').click(function () {
             $('label').removeClass('checkbox-checked');
             $(this).addClass('checkbox-checked');
         });
     });
    </script>
есть еще вот такой код он при выборе радионкопки добавляет бордюр картинке выбранной радиокнопки.
Ответить с цитированием
  #2 (permalink)  
Старый 27.02.2017, 14:32
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от vadosik
Также есть на странице просто картинка допустим
<img src="1.jpg">
Такую "простоту" труднее использовать.
Будет более удобнее этой картинке дать некое ИД... Тогда в скрипте будет удобно на нее ссылаться и менять ее свойство src на аналогичное в радио кнопке.
Ответить с цитированием
  #3 (permalink)  
Старый 27.02.2017, 14:34
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от vadosik
есть еще вот такой код он при выборе радионкопки добавляет бордюр картинке выбранной радиокнопки.
Тогда останется всего-то найти ту "простую" картинку и заменить ее src на значение src радиокнопки...
Ответить с цитированием
  #4 (permalink)  
Старый 27.02.2017, 15:23
Новичок на форуме
Отправить личное сообщение для vadosik Посмотреть профиль Найти все сообщения от vadosik
 
Регистрация: 27.02.2017
Сообщений: 3

дело в том что айди дать не проблема, проблема получить src той самой нужной мне картинке так как свойство src не у радиокнопки а у img и я незнаю как его достать, но достать именно src выделенной радиокнопки
Ответить с цитированием
  #5 (permalink)  
Старый 27.02.2017, 16:01
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от vadosik
достать именно src выделенной радиокнопки
$(document).ready(function () {
         $('label').click(function () {
             $('label').removeClass('checkbox-checked');
             $(this).addClass('checkbox-checked');
             var url=$(this).find('img').attr('src');
             alert(url);
         });
     });
Ответить с цитированием
  #6 (permalink)  
Старый 27.02.2017, 16:41
Новичок на форуме
Отправить личное сообщение для vadosik Посмотреть профиль Найти все сообщения от vadosik
 
Регистрация: 27.02.2017
Сообщений: 3

спасибо работает)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
(Jquery) on load динамически созданной картинки Quartz Events/DOM/Window 1 06.06.2016 10:12
Плавное появление картинки в ui slider - jQuery gazman jQuery 0 02.09.2015 23:44
Работа для знатока jQuery virtualbrest Работа 0 24.07.2013 16:05
Проблемы с jquery fancybox В IE не загружаются картинки pav8909 Общие вопросы Javascript 3 09.09.2011 10:46
Как скруглить углы у картинки с помощью JQuery askel jQuery 5 08.05.2010 22:33