Bootstrap 单选按钮预选

Question

我正在将 Bootstrap 用于一个新项目，并且即将使用它构建一个表单。我用 JS 创建了两个单选按钮（“是”和“否”）（参见示例 here），现在我想预先选择其中一个单选按钮。我已经试过了：

selected = "selected"

和

checked = "checked"

但按钮未突出显示。您只能在源代码中看到该属性，而在 GUI 上看不到。这是我为按钮所做的（取自示例）：

<div class="form-group col-lg-4">
    <label for="commentsAllowed">Comments allowed</label>
    <div class="input-group">
        <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-default">
                <input type="radio" name="options" id="option1"> Yes
            </label>
            <label class="btn btn-default">
                <input type="radio" name="options" id="option2"> No
            </label>
        </div>
    </div>
</div>

你知道我该如何解决这个问题吗？提前致谢！

Answer 1

如果您的收音机输入中有默认选中值，请尝试在 bootstrap 中突出显示 option1

$('input[type="radio"]:checked').parent('label').addClass('active');