9

我正在使用Bootstrap 2.3.2，但我似乎无法开始radio buttons工作。我正在使用 Bootstrap 网站上的代码：

<div class="btn-group" data-toggle="buttons-radio">
  <button type="button" class="btn btn-primary">Left</button>
  <button type="button" class="btn btn-primary">Middle</button>
  <button type="button" class="btn btn-primary">Right</button>
</div>

我需要从这里做什么？有了这个，我得到了 3 个按钮，但是单击它们不会将它们更改为活动状态，并且它们看起来不像已被单击。

编辑：

如果我像这样初始化 JS 中的按钮：

$('.btn-group').button();

此标记是为组生成的：

<div class="btn-group ui-button ui-widget ui-state-default ui-corner-all 
            ui-button-text-only" data-toggle="buttons-checkbox" 
            role="button" aria-disabled="false">
   <span class="ui-button-text">
        <button type="button" class="btn btn-primary">Left</button>
        <button type="button" class="btn btn-primary">Middle</button>
        <button type="button" class="btn btn-primary">Right</button>
   </span>
</div>

与 bootstrap 网站上的相比：

<div class="btn-group" data-toggle="buttons-radio">
    <button type="button" class="btn btn-primary">Left</button>
    <button type="button" class="btn btn-primary">Middle</button>
    <button type="button" class="btn btn-primary active">Right</button>
</div>

不知道为什么它在这里工作不同。

4

2 回答 2

7

查看Bootstrap 2.3.2 文档（请参阅用法部分），您需要初始化按钮：

$('.btn-group').button();

基于您的代码的工作示例

于 2013-10-29T13:41:56.343 回答
0 
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>

确保包含正确的类名并将样式表附加在标题中

于 2013-10-29T13:44:07.580 回答