Web-Gate
где заказать сайт +1 (510) 491 89 19
Пн - Вс: 10 00 - 19 00
Профессиональное продвижение сайтов — поисковая оптимизация,
раскрутка сайта, разработка и создание сайта

Событие jquery radio checked + img src replace

Отзывы ()

Теги:

Рекомендуйте нас:

Мотивация для учебы - мои любимые видео


06.11.2017
Может кому то пригодиться, замечательные видео которые помогут найти вдохновения для учебы и развития.

Заменить все ссылки на странице javascript jquery


26.03.2016
Рассмотрим метод замены всех ссылок на html странице, с помошью javascript, в данном примере еще и jquery библиотеки
24.04.2014

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

Так это работает:

Исходный код HMTL выглядит так:

<img class="imgswitch802" src="http://coffee911.com.ua/assets/cache/images/2014/zernovoy/120x90-Covim-Orocrema.665.jpg" />
<div class="optcena"> <div> <input type="radio" onclick="jQuery.additOpt(this)" checked="checked" id="optcena8020" value="0__145" name="optcena__802" class="addparam"> <label for="optcena8020">1 кг (145 грн/кг)</label></div> <div><input type="radio" onclick="jQuery.additOpt(this)" id="optcena8021" value="1__750" name="optcena__802" class="addparam"> <label for="optcena8021">6 кг (125 грн/кг)</label></div> </div>

А так выглядит исходный javascript код

$rozn = 'http://coffee911.com.ua/assets/cache/images/2014/zernovoy/120x90-Covim-Orocrema.665.jpg';
$opt = 'http://coffee911.com.ua/assets/cache/images/assets/snippets/phpthumb/120x90-noimage-box.665.jpg';
$( "#optcena8020" ).on( "click", function() {
 $('.imgswitch802').attr('src', $rozn);
});
$( "#optcena8021" ).on( "click", function() {
 $('.imgswitch802').attr('src', $opt);
});

Исходник можно посмотреть тут: http://jsfiddle.net/waGdZ/235/

Отзывы (0)


ОтменитьДобавить комментарий

La composante principale de Levitra est Vardenafil. Ce médicament est utilisé pour traiter le dysfonction érectile (l'impuissance) chez les hommes et pour le traitement d'hypertension artérielle pulmonaire. Levitra affecte la réponse à la stimulation sexuelle et améliore l'érection https://pharmacie-hommes.fr. Le médicament agit pendant 36 heures.