Twitter bootstrap 引导单选按钮预选
我正在为一个新项目使用Bootstrap,我将用它构建一个表单。我用JS创建了两个单选按钮“是”和“否”,请参见示例,现在我想预先选择其中一个单选按钮。我已经试过了: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
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');