如何在Bootstrap中将单选按钮设置为“选中”？

Question

我正在使用Bootstrap按钮作为单选按钮。 http://getbootstrap.com/javascript/#buttons

这是我当前的代码：

<div  class="btn-group col-md-2" data-toggle="buttons">
    <label class="btn btn-gender btn-default active">
        <input type="radio" id="gender" name="gender" value="female"> Girls
    </label>
    <label class="btn btn-gender btn-default">
        <input type="radio" id="gender" name="gender" value="male"> Guys
    </label>
</div>

如何使用JavaScript设置“男性”进行检查？

Answer 1

如果你改变id，对应每个性别，会更容易，所以你可以像下面这样应用js：

function check() {
    document.getElementById("gender-male").checked = true;
}
function uncheck() {
    document.getElementById("gender-male").checked = false;
}

或者，如果您想将其设置为默认选中，则可以使用 HTML 5 属性，如下所示：

<label class="btn btn-info">
    <input checked type="radio" id="match-three" name="options">Three numbers
</label>

查看这个问题：bootstrap-set-initial-radio-button-checked-in-html