html – Twitter bootstrap單選按鈕不工作

我有一個問題與Twitter的引導javascript單選按鈕.當我選擇一個然後單擊提交按鈕時,它不會顯示選定的無線電值.

我的程式碼：

<form action="" class="form-horizontal" method="post">
<fieldset>
<div class="control-group">
<label class="control-label">Type:</label>
<div class="controls">
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" data-toggle="button" name="option" value="1" class="btn btn-primary">Option One</button>
<button type="button" data-toggle="button" name="option" value="2" class="btn btn-primary">Option Two</button>
</div>
</div>
</div>
<div class="form-actions">
<input class="btn btn-primary" type="submit" value="Go">
<a href="index.php" class="btn">Back</a>
</div>
</fieldset>
</form>

如你所見,有一個name =“option”value =“1”,name =“option”value =“2”,但是當我選擇一個收音機,我做：

<？php print_r($_ POST); ？> 沒有指定任何選項. 它只適用於twitter單選按鈕,因為當我新增<input type =“text”name =“test”value =“something”/>那麼它將出現在$_POST變數中.

哪裡有問題？

button>點選後不提交任何內容.您將需要一個隱藏的輸入欄位,並在單擊按鈕時觸發輸入內的值更改

<input type="hidden" name="option" value="" id="btn-input" />
<div class="btn-group" data-toggle="buttons-radio">
<button id="btn-one" type="button" data-toggle="button" name="option" value="1" class="btn btn-primary">Option One</button>
<button id="btn-two" type="button" data-toggle="button" name="option" value="2" class="btn btn-primary">Option Two</button>
</div>

<script>
var btns = ['btn-one', 'btn-two'];
var input = document.getElementById('btn-input');
for(var i = 0; i < btns.length; i++) {
document.getElementById(btns[i]).addEventListener('click', function() {
input.value = this.value;
});
}
</script>

在引導的情況下,“收音機”僅影響按鈕狀態&行為.它不影響表單行為.