Javascript 使用jquery检查引导集单选按钮

我的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>

但这没有效果 我也试过了

$（'rdo_pick'）.prop（'checked'，'checked'）和

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

您的代码中有输入错误，请将
ekse
替换为
else

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

这是jsfidle
试试这个

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

这是我能找到的唯一方法。虽然有点不雅观，但它确实有效

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

bootstrap的问题是，通过将
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
removeClass（'active'）
删除以前选择的标签上的类
active
，以首先取消选择它们

我还喜欢将输入本身的
checked
属性设置为正确的状态：

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

请注意，
checked=“checked”
属性只是加载页面时输入作为选中输入的初始状态。它不会随着jQuery
.prop（）
方法而改变，因为它是一个属性，并且与实际的
已检查属性不同。这在中有很好的描述。
尝试以下方法：
设置收音机的值后，请添加此代码

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

我已经试过了，这个代码对于引导无线电来说是可以的

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

以下是一个单线解决方案：

$('#rdo_pick').iCheck('check');

很抱歉，这是拼写错误。下面的答案之一是使用boostrap cssit与bootstarap css无关，您的JS可能有问题。是的，亲爱的，它使用的是普通css。但与bootstarap css无关bootstrap@VijayTambade我不明白。你能掩饰一下吗？？“不雅”，的确然而，这也是对我有用的一个！：）虽然这可能是解决问题的方法。然而，我觉得有点奇怪，在如此广泛的GUI工具包中，为了获得基本功能，需要做笨拙的提琴。
$("input[type='checkbox'], input[type='radio']").iCheck({
    checkboxClass: 'icheckbox_minimal',
    radioClass: 'iradio_minimal'
});

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

$('#rdo_pick').iCheck('check');