<![CDATA[Форум ReadyScript — Как из select сделать radio?]]> https://forum.readyscript.ru/topic/666/kak-iz-select-sdelat-radio/ Thu, 19 May 2016 09:51:29 +0000 PunBB <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/3243/#p3243 Михаил пишет:
Закусило Александр пишет:

Пользуйтесь console.log когда отлаживаете и Firebug

Спасибо, учту.

Сработало?

]]> Thu, 19 May 2016 09:51:29 +0000 https://forum.readyscript.ru/post/3243/#p3243 <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/3242/#p3242 Закусило Александр пишет:

Пользуйтесь console.log когда отлаживаете и Firebug

Спасибо, учту.

]]> Thu, 19 May 2016 08:06:21 +0000 https://forum.readyscript.ru/post/3242/#p3242 <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/3179/#p3179 Сам код:

<div id="collapseYesNo" class="panel-collapse collapse in">
                <div class="panel-body">
                    

                    <select class="yesno" name="bfilter[isnum]" data-start-value="" >
                            <option value="">{t}Неважно{/t}</option>
                            <option value="1" {if $basefilters.isnum == '1'}selected{/if}>{t}Есть{/t}</option>
                           <option value="0" {if $basefilters.isnum == '0'}selected{/if}>{t}Нет{/t}</option>
                    </select>
                
                    <label><input type="radio" name="rad" value="" checked>{t}Неважно{/t}</label>
                    <label><input type="radio" name="rad" value="1"  {if $basefilters.isnum == '1'}{/if}>{t}Есть{/t}</label>
                    <label><input type="radio" name="rad" value="0"  {if $basefilters.isnum == '0'}{/if}>{t}Нет{/t}</label>
                </div>
            </div>

javascript:

<script type="text/javascript">
            $(function() {
                

                $('.typeInterval .pluginInput').each(function() {
                    var $this = $(this);
                    var fromTo = $this.siblings('.fromToLine').hide();
                    $this.jslider( $.extend( $(this).data('slider'), { callback: function(value) {
                        var values = value.split(';');
                        $('input[name$="[from]"]', fromTo).val(values[0]);
                        $('input[name$="[to]"]', fromTo).val(values[1]);
                        $this.trigger('change');
                    }}));
                    
                    $('input[name$="[from]"], input[name$="[to]"]', fromTo).change(function() {
                        var from = $('input[name$="[from]"]', fromTo).val();
                        var to = $('input[name$="[to]"]', fromTo).val();
                        $this.jslider('value', from, to);
                    });
                });
            });

            $('.cb').click( function(){
                $(this).find('i').toggleClass('fa fa-angle-up').toggleClass('fa fa-angle-down');
            });


            $("[name='rad']").on('click', function(){
                var context = $(this).closest('.panel-body'); //Определим область где будем всё менять
                var val     = $("[name='rad']:checked", context).val(); //Выберем, то что выбрали в радиокнопках
                $(".yesno", context).val(val).trigger('change'); //Поменяем значении и вызовем событие смены
            });

        </script>

Пользуйтесь console.log когда отлаживаете и Firebug

]]> Thu, 12 May 2016 14:30:10 +0000 https://forum.readyscript.ru/post/3179/#p3179 <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/3176/#p3176 Закусило Александр пишет:

Код дайте весь.

https://yadi.sk/d/3O0CYdlhreuyg

]]> Thu, 12 May 2016 11:13:34 +0000 https://forum.readyscript.ru/post/3176/#p3176 <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/3173/#p3173 Код дайте весь.

]]> Thu, 12 May 2016 10:26:00 +0000 https://forum.readyscript.ru/post/3173/#p3173 <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/3172/#p3172 Закусило Александр пишет:

После записи значения в выпадающий список, вызовите событие смены значения дополнительно.

$("МОЙ СЕЛЕКТ").trigger('change');

Оно заставит отреалировать как на ручную смену выпадающего списка.
И не пишите в атрибуте, это ведь не красиво. smile

не получается :-(

]]> Thu, 12 May 2016 07:57:02 +0000 https://forum.readyscript.ru/post/3172/#p3172 <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/3168/#p3168 После записи значения в выпадающий список, вызовите событие смены значения дополнительно.

$("МОЙ СЕЛЕКТ").trigger('change');

Оно заставит отреалировать как на ручную смену выпадающего списка.
И не пишите в атрибуте, это ведь не красиво. smile

]]> Wed, 11 May 2016 13:10:50 +0000 https://forum.readyscript.ru/post/3168/#p3168 <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/3167/#p3167 Виталий пишет:

Добрый день

самый простой способ это радиокнопками переключать зачение select-а.
Для этого надо создать радио кнопки, скрыть select, подкорректировать скрипт чтобы jquery не оборачивал select:

В файле шаблона фильтра ("\modules\catalog\view\blocks\sidefilters\filters.tpl") внести следующие изменения

1. конструкцию:

<select class="yesno" name="bfilter[isnum]" data-start-value="">
    <option value="">{t}Неважно{/t}</option>
    <option value="1" {if $basefilters.isnum == '1'}selected{/if}>{t}Есть{/t}</option>
    <option value="0" {if $basefilters.isnum == '0'}selected{/if}>{t}Нет{/t}</option>
</select>

заменить на:

<select class="yesno" name="bfilter[isnum]" data-start-value="" style="display: none;">
    <option value="">{t}Неважно{/t}</option>
    <option value="1" {if $basefilters.isnum == '1'}selected{/if}>{t}Есть{/t}</option>
    <option value="0" {if $basefilters.isnum == '0'}selected{/if}>{t}Нет{/t}</option>
</select>
                
<label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('')">{t}Неважно{/t}</label>
<label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('1')" {if $basefilters.isnum == '1'}checked{/if}>{t}Есть{/t}</label>
<label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('0')" {if $basefilters.isnum == '0'}checked{/if}>{t}Нет{/t}</label>

2. в конце файла строку:

$('.filter .cb, .filter .yesno').styler();

заменить на:

$('.filter .cb').styler();

Сделал, но не получилось, не подгружается при клике по радио почему то sad Если убрать style="display: none; и через селект то работает.

    <div class="filter">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="cb" data-toggle="collapse" href="#collapseYesNo"><i class="fa fa-angle-up"></i>
                        {$prop.title}:
                    </a>
                </h4>
        </div>
            <div id="collapseYesNo" class="panel-collapse collapse in">
                <div class="panel-body">
                    

                    <select class="yesno" name="bfilter[isnum]" data-start-value="" style="display: none; >
                            <option value="">{t}Неважно{/t}</option>
                            <option value="1" {if $basefilters.isnum == '1'}selected{/if}>{t}Есть{/t}</option>
                           <option value="0" {if $basefilters.isnum == '0'}selected{/if}>{t}Нет{/t}</option>
                    </select>
                
                    <label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('')">{t}Неважно{/t}</label>
                    <label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('1')" {if $basefilters.isnum == '1'}checked{/if}>{t}Есть{/t}</label>
                    <label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('0')" {if $basefilters.isnum == '0'}checked{/if}>{t}Нет{/t}</label>
                </div>
            </div>
        </div>
    </div>

В конце файла:

        <script type="text/javascript">
            $(function() {
                $('.filter .cb').styler();
                $('.typeInterval .pluginInput').each(function() {
                    var $this = $(this);
                    var fromTo = $this.siblings('.fromToLine').hide();
                    $this.jslider( $.extend( $(this).data('slider'), { callback: function(value) {
                        var values = value.split(';');
                        $('input[name$="[from]"]', fromTo).val(values[0]);
                        $('input[name$="[to]"]', fromTo).val(values[1]);
                        $this.trigger('change');
                    }}));
                    
                    $('input[name$="[from]"], input[name$="[to]"]', fromTo).change(function() {
                        var from = $('input[name$="[from]"]', fromTo).val();
                        var to = $('input[name$="[to]"]', fromTo).val();
                        $this.jslider('value', from, to);
                    });
                });
            });

            $('.cb').click( function(){
    $(this).find('i').toggleClass('fa fa-angle-up').toggleClass('fa fa-angle-down');
});
        </script>
]]> Wed, 11 May 2016 12:02:35 +0000 https://forum.readyscript.ru/post/3167/#p3167 <![CDATA[Re: Как из select сделать radio?]]> https://forum.readyscript.ru/post/2963/#p2963 Добрый день

самый простой способ это радиокнопками переключать зачение select-а.
Для этого надо создать радио кнопки, скрыть select, подкорректировать скрипт чтобы jquery не оборачивал select:

В файле шаблона фильтра ("\modules\catalog\view\blocks\sidefilters\filters.tpl") внести следующие изменения

1. конструкцию:

<select class="yesno" name="bfilter[isnum]" data-start-value="">
    <option value="">{t}Неважно{/t}</option>
    <option value="1" {if $basefilters.isnum == '1'}selected{/if}>{t}Есть{/t}</option>
    <option value="0" {if $basefilters.isnum == '0'}selected{/if}>{t}Нет{/t}</option>
</select>

заменить на:

<select class="yesno" name="bfilter[isnum]" data-start-value="" style="display: none;">
    <option value="">{t}Неважно{/t}</option>
    <option value="1" {if $basefilters.isnum == '1'}selected{/if}>{t}Есть{/t}</option>
    <option value="0" {if $basefilters.isnum == '0'}selected{/if}>{t}Нет{/t}</option>
</select>
                
<label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('')">{t}Неважно{/t}</label>
<label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('1')" {if $basefilters.isnum == '1'}checked{/if}>{t}Есть{/t}</label>
<label><input type="radio" name="rad" value="" onchange="$('.filter .yesno').val('0')" {if $basefilters.isnum == '0'}checked{/if}>{t}Нет{/t}</label>

2. в конце файла строку:

$('.filter .cb, .filter .yesno').styler();

заменить на:

$('.filter .cb').styler();
]]> Fri, 01 Apr 2016 13:29:31 +0000 https://forum.readyscript.ru/post/2963/#p2963 <![CDATA[Как из select сделать radio?]]> https://forum.readyscript.ru/post/2959/#p2959 Добрый вечер,
Возможно вопрос совсем детский, но.

Подскажите пожалуйста как из select
http://i.prntscr.com/121cc9a87028466dbc02c3a23a9ff24c.png

сделать radio
http://i.prntscr.com/dc859e2f72794ce496fcb4b263dee426.png

в шаблоне фильтра?

]]> Thu, 31 Mar 2016 17:50:07 +0000 https://forum.readyscript.ru/post/2959/#p2959