Сам код:
<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
