Установлен переключатель переключателя Bootstrap с jquery

Question

У меня есть радиокнопки в моем html-коде. Я хочу изменить свое состояние на основе моих входных значений с помощью JQuery

Вот мой Html

<div class="col-md-2 col-xs-offset-1"> 
<div class="radio"> 
    <label> 
    <input type="radio" name="rdo_pkdrop" value="0" id="rdo_pick"> 
    Pick-up Time 
    </label> 
</div> 
<div class="radio"> 
    <label> 
    <input type="radio" name="rdo_pkdrop" id="rdo_drop" value="1"> 
    Drop Time 
    </label> 
</div> 
</div> 

JQuery является

if(qs_trip_type == 0){ 
    $('#rdo_pick').prop('checked',true); 
}else{ 
    $('#rdo_pick').prop('checked',true); 
} 

Но это не имеет никакого эффекта я также пытался с $('#rdo_pick').prop('checked','checked'); и

$('#rdo_pick').attr('checked','true'); 
    $('#rdo_pick').addClass('checked'); 

Answer 1

есть опечатка в коде заменить ekse с else

if(qs_trip_type == 0){ 
     $('#rdo_pick').prop('checked',true); 
    }else{ 
     $('#rdo_pick').prop('checked',true); 
    } 

Answer 2

if(qs_trip_type == 0){ 
    $('#rdo_pick').prop('checked',true); 
}else{ //not ekse 
    $('#rdo_pick').prop('checked',true); 
} 

Вот jsfidlle http://jsfiddle.net/urLh9qnh/

Answer 3

Попробуйте

if(qs_trip_type == 0){ 
    $('#rdo_pick').prop('checked',true); 
}else{ 
    $('#rdo_drop').prop('checked',true); 
} 

Answer 4

Это только способ, которым я мог бы найти. Хотя он несколько неэлегантный, он работает.

if(qs_trip_type == 0){ 
    $('#rdo_pick').click(); 
}else{ 
    $('#rdo_drop').click(); 
} 

Answer 5

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

<label class="btn btn-default active"> <!-- Note the class 'active' here --> 
    <input type="radio" name="myRadio" value="value1" checked="checked"/>Value 1 
</label> 
<!-- ... --> 

Чтобы проверить радиокнопку с помощью JQuery вы могли бы сначала выбрать поле ввода с JQuery селектор, а затем добавить класс к родителю:

var $myRadioInput = $(...); 
$myRadioInput.parent('.btn').addClass('active'); 

Не забудьте для удаления класса active на ранее выбранной метке с jQuery removeClass('active'), чтобы сначала снять выделение с них.

Я также хотел, чтобы установить checked свойства на самом входе, чтобы иметь надлежащее состояние на нем:

$myRadioInput.prop('checked', true); 

Обратите внимание, что атрибут checked="checked" является только щётками состояния для ввода, чтобы быть проверен входом при загрузке страницы. Он не изменяется с помощью метода jQuery .prop(), так как он является атрибутом и отличается от фактического checked property. Это хорошо описано в jQuery Docs.

Answer 6

Попробуйте: после установки значения радио, добавьте этот код

$("input[type='checkbox'], input[type='radio']").iCheck({ 
    checkboxClass: 'icheckbox_minimal', 
    radioClass: 'iradio_minimal' 
}); 

Answer 7

Я попробовал этот код нормален для начальной загрузки радио.

if(qs_trip_type == 0){ 
    $('#rdo_pick').prop('checked',true).click(); 
}else{ //not ekse 
    $('#rdo_pick').prop('checked',true).click(); 
}