<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[Форум ReadyScript &mdash; Как из select сделать radio?]]></title>
	<link rel="self" href="https://forum.readyscript.ru/feed/atom/topic/666/" />
	<updated>2016-05-19T09:51:29Z</updated>
	<generator>PunBB</generator>
	<id>https://forum.readyscript.ru/topic/666/kak-iz-select-sdelat-radio/</id>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3243/#p3243" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Михаил пишет:</cite><blockquote><div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><p>Пользуйтесь <strong>console.log</strong> когда отлаживаете и <strong>Firebug</strong></p></blockquote></div><p>Спасибо, учту.</p></blockquote></div><p>Сработало?</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>https://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-05-19T09:51:29Z</updated>
			<id>https://forum.readyscript.ru/post/3243/#p3243</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3242/#p3242" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><p>Пользуйтесь <strong>console.log</strong> когда отлаживаете и <strong>Firebug</strong></p></blockquote></div><p>Спасибо, учту.</p>]]></content>
			<author>
				<name><![CDATA[Михаил]]></name>
				<uri>https://forum.readyscript.ru/user/298/</uri>
			</author>
			<updated>2016-05-19T08:06:21Z</updated>
			<id>https://forum.readyscript.ru/post/3242/#p3242</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3179/#p3179" />
			<content type="html"><![CDATA[<p>Сам код:<br /></p><div class="codebox"><pre><code>&lt;div id=&quot;collapseYesNo&quot; class=&quot;panel-collapse collapse in&quot;&gt;
                &lt;div class=&quot;panel-body&quot;&gt;
                    

                    &lt;select class=&quot;yesno&quot; name=&quot;bfilter[isnum]&quot; data-start-value=&quot;&quot; &gt;
                            &lt;option value=&quot;&quot;&gt;{t}Неважно{/t}&lt;/option&gt;
                            &lt;option value=&quot;1&quot; {if $basefilters.isnum == &#039;1&#039;}selected{/if}&gt;{t}Есть{/t}&lt;/option&gt;
                           &lt;option value=&quot;0&quot; {if $basefilters.isnum == &#039;0&#039;}selected{/if}&gt;{t}Нет{/t}&lt;/option&gt;
                    &lt;/select&gt;
                
                    &lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; checked&gt;{t}Неважно{/t}&lt;/label&gt;
                    &lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;1&quot;  {if $basefilters.isnum == &#039;1&#039;}{/if}&gt;{t}Есть{/t}&lt;/label&gt;
                    &lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;0&quot;  {if $basefilters.isnum == &#039;0&#039;}{/if}&gt;{t}Нет{/t}&lt;/label&gt;
                &lt;/div&gt;
            &lt;/div&gt;</code></pre></div><p>javascript:<br /></p><div class="codebox"><pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
            $(function() {
                

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

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


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

        &lt;/script&gt;  </code></pre></div><p>Пользуйтесь <strong>console.log</strong> когда отлаживаете и <strong>Firebug</strong></p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>https://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-05-12T14:30:10Z</updated>
			<id>https://forum.readyscript.ru/post/3179/#p3179</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3176/#p3176" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><p>Код дайте весь.</p></blockquote></div><p><a href="https://yadi.sk/d/3O0CYdlhreuyg">https://yadi.sk/d/3O0CYdlhreuyg</a></p>]]></content>
			<author>
				<name><![CDATA[Михаил]]></name>
				<uri>https://forum.readyscript.ru/user/298/</uri>
			</author>
			<updated>2016-05-12T11:13:34Z</updated>
			<id>https://forum.readyscript.ru/post/3176/#p3176</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3173/#p3173" />
			<content type="html"><![CDATA[<p>Код дайте весь.</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>https://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-05-12T10:26:00Z</updated>
			<id>https://forum.readyscript.ru/post/3173/#p3173</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3172/#p3172" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><p>После записи значения в выпадающий список, вызовите событие смены значения дополнительно.<br /></p><div class="codebox"><pre><code>$(&quot;МОЙ СЕЛЕКТ&quot;).trigger(&#039;change&#039;);</code></pre></div><p>Оно заставит отреалировать как на ручную смену выпадающего списка.<br />И не пишите в атрибуте, это ведь не красиво. <img src="https://forum.readyscript.ru/img/smilies/smile.png" width="15" height="15" alt="smile" /></p></blockquote></div><p>не получается :-(</p>]]></content>
			<author>
				<name><![CDATA[Михаил]]></name>
				<uri>https://forum.readyscript.ru/user/298/</uri>
			</author>
			<updated>2016-05-12T07:57:02Z</updated>
			<id>https://forum.readyscript.ru/post/3172/#p3172</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3168/#p3168" />
			<content type="html"><![CDATA[<p>После записи значения в выпадающий список, вызовите событие смены значения дополнительно.<br /></p><div class="codebox"><pre><code>$(&quot;МОЙ СЕЛЕКТ&quot;).trigger(&#039;change&#039;);</code></pre></div><p>Оно заставит отреалировать как на ручную смену выпадающего списка.<br />И не пишите в атрибуте, это ведь не красиво. <img src="https://forum.readyscript.ru/img/smilies/smile.png" width="15" height="15" alt="smile" /></p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>https://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-05-11T13:10:50Z</updated>
			<id>https://forum.readyscript.ru/post/3168/#p3168</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/3167/#p3167" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Виталий пишет:</cite><blockquote><p>Добрый день </p><p>самый простой способ это радиокнопками переключать зачение select-а.<br />Для этого надо создать радио кнопки, скрыть select, подкорректировать скрипт чтобы jquery не оборачивал select:</p><p>В файле шаблона фильтра (&quot;\modules\catalog\view\blocks\sidefilters\filters.tpl&quot;) внести следующие изменения</p><p>1. конструкцию:<br /></p><div class="codebox"><pre><code>&lt;select class=&quot;yesno&quot; name=&quot;bfilter[isnum]&quot; data-start-value=&quot;&quot;&gt;
    &lt;option value=&quot;&quot;&gt;{t}Неважно{/t}&lt;/option&gt;
    &lt;option value=&quot;1&quot; {if $basefilters.isnum == &#039;1&#039;}selected{/if}&gt;{t}Есть{/t}&lt;/option&gt;
    &lt;option value=&quot;0&quot; {if $basefilters.isnum == &#039;0&#039;}selected{/if}&gt;{t}Нет{/t}&lt;/option&gt;
&lt;/select&gt;</code></pre></div><p>заменить на:<br /></p><div class="codebox"><pre><code>&lt;select class=&quot;yesno&quot; name=&quot;bfilter[isnum]&quot; data-start-value=&quot;&quot; style=&quot;display: none;&quot;&gt;
    &lt;option value=&quot;&quot;&gt;{t}Неважно{/t}&lt;/option&gt;
    &lt;option value=&quot;1&quot; {if $basefilters.isnum == &#039;1&#039;}selected{/if}&gt;{t}Есть{/t}&lt;/option&gt;
    &lt;option value=&quot;0&quot; {if $basefilters.isnum == &#039;0&#039;}selected{/if}&gt;{t}Нет{/t}&lt;/option&gt;
&lt;/select&gt;
                
&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;&#039;)&quot;&gt;{t}Неважно{/t}&lt;/label&gt;
&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;1&#039;)&quot; {if $basefilters.isnum == &#039;1&#039;}checked{/if}&gt;{t}Есть{/t}&lt;/label&gt;
&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;0&#039;)&quot; {if $basefilters.isnum == &#039;0&#039;}checked{/if}&gt;{t}Нет{/t}&lt;/label&gt;</code></pre></div><br /><p>2. в конце файла строку:<br /></p><div class="codebox"><pre><code>$(&#039;.filter .cb, .filter .yesno&#039;).styler();</code></pre></div><p>заменить на:<br /></p><div class="codebox"><pre><code>$(&#039;.filter .cb&#039;).styler();</code></pre></div></blockquote></div><p>Сделал, но не получилось, не подгружается при клике по радио почему то <img src="https://forum.readyscript.ru/img/smilies/sad.png" width="15" height="15" alt="sad" /> Если убрать style=&quot;display: none; и через селект то работает.<br /></p><div class="codebox"><pre><code>    &lt;div class=&quot;filter&quot;&gt;
        &lt;div class=&quot;panel panel-default&quot;&gt;
            &lt;div class=&quot;panel-heading&quot;&gt;
                &lt;h4 class=&quot;panel-title&quot;&gt;
                    &lt;a class=&quot;cb&quot; data-toggle=&quot;collapse&quot; href=&quot;#collapseYesNo&quot;&gt;&lt;i class=&quot;fa fa-angle-up&quot;&gt;&lt;/i&gt;
                        {$prop.title}:
                    &lt;/a&gt;
                &lt;/h4&gt;
        &lt;/div&gt;
            &lt;div id=&quot;collapseYesNo&quot; class=&quot;panel-collapse collapse in&quot;&gt;
                &lt;div class=&quot;panel-body&quot;&gt;
                    

                    &lt;select class=&quot;yesno&quot; name=&quot;bfilter[isnum]&quot; data-start-value=&quot;&quot; style=&quot;display: none; &gt;
                            &lt;option value=&quot;&quot;&gt;{t}Неважно{/t}&lt;/option&gt;
                            &lt;option value=&quot;1&quot; {if $basefilters.isnum == &#039;1&#039;}selected{/if}&gt;{t}Есть{/t}&lt;/option&gt;
                           &lt;option value=&quot;0&quot; {if $basefilters.isnum == &#039;0&#039;}selected{/if}&gt;{t}Нет{/t}&lt;/option&gt;
                    &lt;/select&gt;
                
                    &lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;&#039;)&quot;&gt;{t}Неважно{/t}&lt;/label&gt;
                    &lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;1&#039;)&quot; {if $basefilters.isnum == &#039;1&#039;}checked{/if}&gt;{t}Есть{/t}&lt;/label&gt;
                    &lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;0&#039;)&quot; {if $basefilters.isnum == &#039;0&#039;}checked{/if}&gt;{t}Нет{/t}&lt;/label&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;</code></pre></div><p>В конце файла:<br /></p><div class="codebox"><pre><code>        &lt;script type=&quot;text/javascript&quot;&gt;
            $(function() {
                $(&#039;.filter .cb&#039;).styler();
                $(&#039;.typeInterval .pluginInput&#039;).each(function() {
                    var $this = $(this);
                    var fromTo = $this.siblings(&#039;.fromToLine&#039;).hide();
                    $this.jslider( $.extend( $(this).data(&#039;slider&#039;), { callback: function(value) {
                        var values = value.split(&#039;;&#039;);
                        $(&#039;input[name$=&quot;[from]&quot;]&#039;, fromTo).val(values[0]);
                        $(&#039;input[name$=&quot;[to]&quot;]&#039;, fromTo).val(values[1]);
                        $this.trigger(&#039;change&#039;);
                    }}));
                    
                    $(&#039;input[name$=&quot;[from]&quot;], input[name$=&quot;[to]&quot;]&#039;, fromTo).change(function() {
                        var from = $(&#039;input[name$=&quot;[from]&quot;]&#039;, fromTo).val();
                        var to = $(&#039;input[name$=&quot;[to]&quot;]&#039;, fromTo).val();
                        $this.jslider(&#039;value&#039;, from, to);
                    });
                });
            });

            $(&#039;.cb&#039;).click( function(){
    $(this).find(&#039;i&#039;).toggleClass(&#039;fa fa-angle-up&#039;).toggleClass(&#039;fa fa-angle-down&#039;);
});
        &lt;/script&gt; </code></pre></div>]]></content>
			<author>
				<name><![CDATA[Михаил]]></name>
				<uri>https://forum.readyscript.ru/user/298/</uri>
			</author>
			<updated>2016-05-11T12:02:35Z</updated>
			<id>https://forum.readyscript.ru/post/3167/#p3167</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/2963/#p2963" />
			<content type="html"><![CDATA[<p>Добрый день </p><p>самый простой способ это радиокнопками переключать зачение select-а.<br />Для этого надо создать радио кнопки, скрыть select, подкорректировать скрипт чтобы jquery не оборачивал select:</p><p>В файле шаблона фильтра (&quot;\modules\catalog\view\blocks\sidefilters\filters.tpl&quot;) внести следующие изменения</p><p>1. конструкцию:<br /></p><div class="codebox"><pre><code>&lt;select class=&quot;yesno&quot; name=&quot;bfilter[isnum]&quot; data-start-value=&quot;&quot;&gt;
    &lt;option value=&quot;&quot;&gt;{t}Неважно{/t}&lt;/option&gt;
    &lt;option value=&quot;1&quot; {if $basefilters.isnum == &#039;1&#039;}selected{/if}&gt;{t}Есть{/t}&lt;/option&gt;
    &lt;option value=&quot;0&quot; {if $basefilters.isnum == &#039;0&#039;}selected{/if}&gt;{t}Нет{/t}&lt;/option&gt;
&lt;/select&gt;</code></pre></div><p>заменить на:<br /></p><div class="codebox"><pre><code>&lt;select class=&quot;yesno&quot; name=&quot;bfilter[isnum]&quot; data-start-value=&quot;&quot; style=&quot;display: none;&quot;&gt;
    &lt;option value=&quot;&quot;&gt;{t}Неважно{/t}&lt;/option&gt;
    &lt;option value=&quot;1&quot; {if $basefilters.isnum == &#039;1&#039;}selected{/if}&gt;{t}Есть{/t}&lt;/option&gt;
    &lt;option value=&quot;0&quot; {if $basefilters.isnum == &#039;0&#039;}selected{/if}&gt;{t}Нет{/t}&lt;/option&gt;
&lt;/select&gt;
                
&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;&#039;)&quot;&gt;{t}Неважно{/t}&lt;/label&gt;
&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;1&#039;)&quot; {if $basefilters.isnum == &#039;1&#039;}checked{/if}&gt;{t}Есть{/t}&lt;/label&gt;
&lt;label&gt;&lt;input type=&quot;radio&quot; name=&quot;rad&quot; value=&quot;&quot; onchange=&quot;$(&#039;.filter .yesno&#039;).val(&#039;0&#039;)&quot; {if $basefilters.isnum == &#039;0&#039;}checked{/if}&gt;{t}Нет{/t}&lt;/label&gt;</code></pre></div><br /><p>2. в конце файла строку:<br /></p><div class="codebox"><pre><code>$(&#039;.filter .cb, .filter .yesno&#039;).styler();</code></pre></div><p>заменить на:<br /></p><div class="codebox"><pre><code>$(&#039;.filter .cb&#039;).styler();</code></pre></div>]]></content>
			<author>
				<name><![CDATA[Виталий]]></name>
				<uri>https://forum.readyscript.ru/user/354/</uri>
			</author>
			<updated>2016-04-01T13:29:31Z</updated>
			<id>https://forum.readyscript.ru/post/2963/#p2963</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Как из select сделать radio?]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/2959/#p2959" />
			<content type="html"><![CDATA[<p>Добрый вечер,<br />Возможно вопрос совсем детский, но.</p><p>Подскажите пожалуйста как из <strong>select </strong><br /><span class="postimg"><img src="http://i.prntscr.com/121cc9a87028466dbc02c3a23a9ff24c.png" alt="http://i.prntscr.com/121cc9a87028466dbc02c3a23a9ff24c.png" /></span></p><p>сделать <strong>radio </strong><br /><span class="postimg"><img src="http://i.prntscr.com/dc859e2f72794ce496fcb4b263dee426.png" alt="http://i.prntscr.com/dc859e2f72794ce496fcb4b263dee426.png" /></span></p><p>в шаблоне фильтра?</p>]]></content>
			<author>
				<name><![CDATA[Платон]]></name>
				<uri>https://forum.readyscript.ru/user/360/</uri>
			</author>
			<updated>2016-03-31T17:50:07Z</updated>
			<id>https://forum.readyscript.ru/post/2959/#p2959</id>
		</entry>
</feed>
