2014-10-16 61 views
0

我创建了一个多键如下:JQuery的激活单选按钮

<div class="form-inline graph-dashboard"> 
    <div class="btn-group" data-toggle="buttons"> 
     <label class="btn btn-default"> 
      <input id="B1" type="radio"> Tweet count 
     </label> 
     <label class="btn btn-default"> 
      <input id="B2" type="radio"> # Followers 
     </label> 
    </div> 
</div> 

,我试图让#B1切换上启动(即点击)。

我得到什么时,页面加载:

enter image description here

我想什么来获得当加载页面时:

enter image description here

尝试(不工作)解决方案:

  • $('#B1').addClass("active");
  • $('#B1').prop("checked", true);
  • $('#B1').button("toggle");
  • $('#B1').parent("label").addClass("active");

我怎样才能解决这个问题?显然,修改HTML代码的解决方案也被接受。

回答

0

设置checked属性:

<input id="B1" type="radio" checked> 

或者

$("#B1").prop("checked", true); 
+0

试过,不解决这个问题,很遗憾。 – Eleanore 2014-10-16 16:01:52

+0

尝试添加“主动”到标签:'$(“#B1”)。parent(“label”)。addClass(“active”);'@Eleanore – tymeJV 2014-10-16 16:02:20

+0

不幸的是,相同的结果... – Eleanore 2014-10-16 16:03:49