2013-09-30 22 views
0

我有一個表單與多個複選框,這是必需的字段,我把它變成twitter引導切換按鈕。添加活動的類不會影響在Twitter的切換按鈕引導

我想用js激活一個選擇按鈕,在它上面添加'active'類。 我能夠添加類,但是當保存表單時我得到一個錯誤,該字段是必需的。

我錯過了什麼?

這裏是表格。

<div id="reminder"> 
    <div class="btn-group" data-toggle="buttons"> 
     <label class="btn btn-primary"> 
      <input type="checkbox" name="reminder" id="id_reminder_1" value="1" title="Choose at least one reminder option">Now</label> 
     <label class="btn btn-primary"> 
      <input type="checkbox" name="reminder" id="id_reminder_2" value="30" title="Choose at least one reminder option">30m</label> 
     <label class="btn btn-primary"> 
      <input type="checkbox" name="reminder" id="id_reminder_3" value="60" title="Choose at least one reminder option">1h</label> 
     <label class="btn btn-primary active"> 
      <input type="checkbox" name="reminder" id="id_reminder_4" value="120" 
      title="Choose at least one reminder option">2h</label> 
     <label class="btn btn-primary"> 
      <input type="checkbox" name="reminder" id="id_reminder_5" value="1440" 
      title="Choose at least one reminder option">1d</label> 
    </div> 
</div> 

這是怎麼了添加類:

$('#reminder label:eq(3)').addClass('active') 
+2

有一個在您的標記div_id_reminder'的'號元素。它應該是'$('#提醒標籤:eq(3)')'? – undefined

+0

只是輸入錯誤。 但這不是問題。 – yaniv14

+1

你爲什麼不做小提琴? –

回答

0

添加類open沒有active打開下拉(如果多數民衆贊成你正在嘗試做的)。你必須添加類到<li class='dropdown open'>哪些主機<ul class='dropdown-menu'>

+0

我沒有使用下拉菜單,我正在使用引導按鈕。 http://getbootstrap.com/javascript/#buttons – yaniv14

+0

你試過添加'open'而不是'active'類嗎?確保你在正確的地方添加它。 –

+0

感謝您的幫助,但您回覆的內容與我無關。 我沒有任何下拉問題。 – yaniv14

0

btn-primary是使您的按鈕藍色的CSS。它看起來像你用於非活動按鈕,因爲你有你的代碼的方式,所有的按鈕應該是藍色的。如果您試圖將按鈕設爲灰色,因爲灰色將是您的活動按鈕,那麼您可以使用removeClass('btn-primary')。這會變成灰色。希望這可以幫助。

1

您只添加該類,但實際上並未選擇它。添加selected屬性,它會工作:

$('#reminder label:eq(3)').addClass('active').attr('selected',true); 

Here is a demo