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

由于male是value属性，请使用：

document.querySelector("input[value='male']").checked = true;

document.querySelector

Answer 2

如果您更改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

Answer 3

Html：

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

JQuery：

function check() {
    document.getElementById("male").checked = true;
}

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

3 个答案: