在 Bootstrap 3 个单选按钮上设置默认选择和获取选定值时出现问题

Question

你能看一下 this Bootstrap 3 Radio button example 并告诉我为什么我无法为第二个选项设置默认选择的无线电吗？

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-default active">
    <input type="radio" name="options" id="option1" autocomplete="off"> opt 1 
  </label>
  <label class="btn btn-default">
    <input type="radio" name="options" id="option2" autocomplete="off" checked="checked"> opt 2
  </label>
  <label class="btn btn-default">
    <input type="radio" name="options" id="option3" autocomplete="off"> opt 3
  </label>
</div>

如您所见，我已经将第二个选项设置为：

 <input type="radio" name="options" id="option2" autocomplete="off" checked="checked"> opt 2

但是 checked="checked" 没有完成任务！ 您能否也告诉我如何通过 jquery 获取选定的无线电值 ？

谢谢？

Answer 1

要将第二个选项设置为默认样式，只需将 active class 添加到标签（并将其从第一个选项中删除）。

要了解如何使用 jQuery 获取所选值，请查看 this answered question。