2014-10-16 60 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