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');