RodgerFox Опубликовано 8 июля, 2012 Жалоба Поделиться Опубликовано 8 июля, 2012 Добрый день, уважаемые пользователи. Сейчас варианты товара выбираются при помощи инпута с типом радио, и выделенному дается класс чекед. Как сделать, что бы добавлялся класс к элементу в котором находится выделенный инпут. Это нужно, что бы при помощи ксс добавить пару свойств выделенному варианту товара. Решение:http://jsfiddle.net/g9E49/29/ Цитата Ссылка на сообщение Поделиться на другие сайты
RodgerFox Опубликовано 9 июля, 2012 Автор Жалоба Поделиться Опубликовано 9 июля, 2012 ап, плз хелп.могу показать наработки, заинтересовавших в проблеме. Цитата Ссылка на сообщение Поделиться на другие сайты
Noxter Опубликовано 9 июля, 2012 Жалоба Поделиться Опубликовано 9 июля, 2012 Покажите наработки. Цитата Ссылка на сообщение Поделиться на другие сайты
RodgerFox Опубликовано 9 июля, 2012 Автор Жалоба Поделиться Опубликовано 9 июля, 2012 <div id="box_grid" class="cart-box"> {if $product->variants|count > 0} <!-- Выбор варианта товара --> <form class="variants" action="/cart"> <ul> {foreach $product->variants as $v} <li class="variant"><span class="activ-variant"></span><p><input id="product_{$v->id}" name="variant" value="{$v->id}" type="checkbox" class="variant_radiobutton" {if $product->variant->id==$v->id}checked{/if} {if $product->variants|count<2}style="display:none;"{/if}/> {if $v->name}<label class="variant_name" for="product_{$v->id}">{$v->name}</label>{/if} {if $v->compare_price > 0}<span class="compare_price">{$v->compare_price|convert}</span>{/if} <span class="price">{$v->price|convert} <span class="currency">{$currency->sign|escape}</span></span> </p></li> {/foreach} </ul> <input type="submit" class="button" value="в корзину" data-result-text="добавлено"/> </form> <!-- Выбор варианта товара (The End) --> {else} Нет в наличии {/if} </div>и js $("#box_grid ul li").click(function(e) { $("#box_grid ul li").removeClass("selected"); var $checkbox = $(this).find(':checkbox'); $("#emp_grid :checkbox").not($checkbox).removeAttr("checked"); if (e.target.type == "checkbox") { // stop the bubbling to prevent firing the row's click event e.stopPropagation(); $(this).filter(':has(:checkbox)').toggleClass('selected', $checkbox.attr('checked')); } else { $checkbox.attr('checked', !$checkbox.attr('checked')); $(this).filter(':has(:checkbox)').toggleClass('selected', $checkbox.attr('checked')); }}); Цитата Ссылка на сообщение Поделиться на другие сайты
RodgerFox Опубликовано 9 июля, 2012 Автор Жалоба Поделиться Опубликовано 9 июля, 2012 \ -сами выставились Цитата Ссылка на сообщение Поделиться на другие сайты
RodgerFox Опубликовано 9 июля, 2012 Автор Жалоба Поделиться Опубликовано 9 июля, 2012 http://jsfiddle.net/markcoleman/UYkXS/2/ Вот работа этого срипта. Пробовал и с радио сделать, но не как =\ Цитата Ссылка на сообщение Поделиться на другие сайты
RodgerFox Опубликовано 9 июля, 2012 Автор Жалоба Поделиться Опубликовано 9 июля, 2012 - Цитата Ссылка на сообщение Поделиться на другие сайты
RodgerFox Опубликовано 9 июля, 2012 Автор Жалоба Поделиться Опубликовано 9 июля, 2012 - Цитата Ссылка на сообщение Поделиться на другие сайты
RodgerFox Опубликовано 11 июля, 2012 Автор Жалоба Поделиться Опубликовано 11 июля, 2012 Noxter, поможешь? Цитата Ссылка на сообщение Поделиться на другие сайты
Enhill Опубликовано 12 июля, 2012 Жалоба Поделиться Опубликовано 12 июля, 2012 http://jsfiddle.net/g9E49/29/ Вполне себе решение Цитата Ссылка на сообщение Поделиться на другие сайты
RodgerFox Опубликовано 12 июля, 2012 Автор Жалоба Поделиться Опубликовано 12 июля, 2012 Вах вах, сейчас попробую, большое спасибо вам!работает почти хорошо) не понятная проблема. Пока не нажмешь на другой вариант, не добавляются классы. Вот обновил ваш код со своим вариантом: http://jsfiddle.net/g9E49/35/Все все, разобрался. тупанул) Большое вам спасибо! Цитата Ссылка на сообщение Поделиться на другие сайты
tsybart Опубликовано 17 июля, 2012 Жалоба Поделиться Опубликовано 17 июля, 2012 а можно сделать выпадающий список, как в старой версии было? Цитата Ссылка на сообщение Поделиться на другие сайты
filth Опубликовано 17 июля, 2012 Жалоба Поделиться Опубликовано 17 июля, 2012 tsybart можно, 20 минут работы Цитата Ссылка на сообщение Поделиться на другие сайты
tsybart Опубликовано 17 июля, 2012 Жалоба Поделиться Опубликовано 17 июля, 2012 skype - cosdesign Цитата Ссылка на сообщение Поделиться на другие сайты
tsybart Опубликовано 30 мая, 2014 Жалоба Поделиться Опубликовано 30 мая, 2014 как задать стиль для выпадающего выбора (select)? ранее было передално с радио. вот есть решение с помощью jquery - https://github.com/adamcoulombe/jquery.customSelectполучается неплохо- http://jsfiddle.net/adamco/7ttWj/ но при подключении к симпле, выбраный вариант, а имено название меняеться на цену. кусок кода выбора варианта: <!-- Выбор варианта товара --> {* Не показывать выбор варианта, если он один и без названия *} Модель: <select name="variant" class="styled"> {foreach $product->variants as $v} <option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} {if $v->image}big="{$v->image|resize:800:600}" small="{$v->image|resize:450:450}"{/if} price="{$v->price|convert}"> {$v->name} </option> {/foreach} </select> <!-- Выбор варианта товара (The End) --> Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.