Javascript 我如何将单选按钮设置为"；勾选“；在引导中？

我使用引导按钮作为单选按钮

这是我当前的代码：

<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将“男性”设置为checked？

如果您更改id，对应于每个性别，会更容易，因此您可以像下面这样应用js：

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

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

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

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

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

三个数字

---

查看此问题：

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>

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

---

由于

男性

是一个

值

属性，请使用：

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

---

我有同样的问题，这是一个引导渲染问题。答案中的代码可以设置无线电状态，但不会更改引导视觉效果。我认为当前的答案没有考虑到引导，没有达到目的。这里有一个JSFIDLE演示了这个问题：我正在努力寻找答案，同时我会给这个问题一个提示。在我的答案中添加了一个基于此的新问题：