2016-04-19 47 views
0

我遇到Bootstrap 3單選按鈕組的幾個問題。Bootstrap單選按鈕組沒有標記收音機爲

當我選擇單選按鈕時,它不會將單選按鈕標記爲選中狀態,而只是將「活動」添加到無線標籤。

所以當我嘗試通過PHP和Codeigniter拉取選中的單選按鈕時,沒有任何值。

如果單選按鈕不能像正常的單選按鈕那樣工作?

這裏的單選按鈕代碼

<div class="form-group"> 
    <label for="Custom Branding">Custom Branding</label><br /> 
    <div class="btn-group user_toggle" data-toggle="buttons"> 
     <label class="btn btn-default btn-sm active"> 
      <input type="radio" name="default_branding" value="0" autocomplete="off" > No 
     </label> 
     <label class="btn btn-default btn-sm"> 
      <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes 
     </label> 
    </div> 
</div> 

所以,當我點擊一個單選按鈕,無論是單選按鈕爲選中標記。

單選按鈕只在POST數組中,如果有更改,但我需要所有的值。

我在做什麼錯了?

+0

http://stackoverflow.com/questions/21673985/bootstrap-radio-button-get-selected-value-on- submit-form –

+0

爲什麼我要使用JS解決方案重新創建非常簡單的HTML行爲? – frobak

+0

是否只有bootstrap這個plunker實現你想要什麼?:https://embed.plnkr.co/SYqwJ1MQUQJOCKoxN1Pl/(看看控制檯,看看每個按鈕被檢查的記錄值) –

回答

0

不確定要了解您的問題,但您的代碼不是邏輯。你在標籤上有活躍的類,因此引導程序顯示「No」爲活動狀態,但是在相應的無線電輸入中沒有「checked」屬性,所以在純html中不檢查它。

你的代碼對應於活動類的檢查屬性...

<div class="form-group"> 
    <label for="Custom Branding">Custom Branding</label><br /> 
    <div class="btn-group user_toggle" data-toggle="buttons"> 
     <label class="btn btn-default btn-sm active"> 
      <input type="radio" checked="checked" name="default_branding" value="0" autocomplete="off" > No 
     </label> 
     <label class="btn btn-default btn-sm"> 
      <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes 
     </label> 
    </div> 
</div> 
+0

是的,但是當我檢查/選擇一個單選按鈕,它不會將該單選按鈕標記爲已選中?! – frobak

+0

看看你的代碼http://codepen.io/davidmars/pen/XdYzJM 它的工作;) – davidmars

相關問題