0

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

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>

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

4

1 回答 1

7

尝试在 bootstrap 中突出显示 option1 ，前提是您的收音机输入中有默认选中值

$('input[type="radio"]:checked').parent('label').addClass('active');
于 2013-08-06T08:56:02.537 回答