twitter-bootstrap - Bootstrap : set initial radio button checked in HTML

Question

我正在使用 Bootstrap 的 JavaScript 按钮来设置一些单选按钮的样式，但我似乎无法将初始按钮设置为选中的。

这是我的代码:

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-info">
    <input checked="checked" type="radio" id="match-three" name="options">Three numbers
  </label>
  <label class="btn btn-info">
    <input type="radio" name="options" id="match-four">Four numbers
  </label>
</div>

第一个按钮具有 checked="checked"，但其样式并未设置为选中状态。

点击事件后按钮的样式设置正常，所以我不确定初始加载时出了什么问题。

此处的 Bootply 版本:http://bootply.com/89566

Answer 1

如果您使用的是 HTML 5 文档类型，只需使用 checked 而不带任何值:

<label class="btn btn-info active">
    <input checked type="radio" id="match-three" name="options">Three numbers
</label>

checked="checked" should work as well ，因此您必须弄清楚什么对您不起作用。

• 在输入上设置checked属性将确保表单字段的状态正确
• 在标签上添加active类将设置正确的视觉状态

Reference documentation .