Twitter bootstrap 引导单选按钮预选

Twitter bootstrap 引导单选按钮预选,twitter-bootstrap,radio-button,Twitter Bootstrap,Radio Button,我正在为一个新项目使用Bootstrap,我将用它构建一个表单。我用JS创建了两个单选按钮“是”和“否”,请参见示例,现在我想预先选择其中一个单选按钮。我已经试过了: selected = "selected" 及 但是按钮没有突出显示。您只能在源代码中看到该属性,而不能在GUI上看到。下面是我对示例中的按钮所做的操作: <div class="form-group col-lg-4"> <label for="commentsAllowed">Comments

我正在为一个新项目使用Bootstrap,我将用它构建一个表单。我用JS创建了两个单选按钮“是”和“否”,请参见示例,现在我想预先选择其中一个单选按钮。我已经试过了:

selected = "selected"

但是按钮没有突出显示。您只能在源代码中看到该属性,而不能在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>

你知道我怎样才能解决这个问题吗?提前谢谢

如果您的无线电输入中有一个默认的选中值,请尝试在引导中突出显示选项1

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

谢谢,这似乎管用。但是我有三组单选按钮-现在只有最后一组被这行激活编辑:我的错,我用过相同的名字。非常感谢你!尝试更改符合您的情况的$'input[type=radio]:checked'
$('input[type="radio"]:checked').parent('label').addClass('active');