Javascript 如何以编程方式检查引导按钮组（单选）按钮

假的
真的
$（'#optionrue'）。按钮（'toggle'）；

我读了更多的问题答案，但没有一个有效。 按钮切换不起作用，我试图添加/删除“活动”类，没有效果。我使用的是1.10jQuery和3.1bootstrap。这应该很简单，我在拔头发

button（）

需要在类为

btn

的元素上调用

$('#optionTrue').closest('.btn').button('toggle');

这将正确切换按钮，并正确更新每个输入的已检查属性

---

这太疯狂了，bootstrap文档（3.2）并没有让这一点变得更明显，但下面是我发现的在代码中设置单选按钮初始状态的最简单方法

<div class="btn-group" data-toggle="buttons">
    <label id="optionFalse" class="btn btn-primary">
        <input type="radio" name="options" /> false
    </label>
    <label id="optionTrue" class="btn btn-primary ">
        <input type="radio" name="options" /> true
    </label>
</div>

if (initTrue) {
    $('#optionTrue').button('toggle');
}
else {
    $('#optionFalse').button('toggle');
}

假的
真的
if（initTrue）{
$（'#optionrue'）。按钮（'toggle'）；
}
否则{
$（'#optionFalse'）。按钮（'toggle'）；
}

在阅读了几十篇关于这个主题的帖子后，似乎有以下几点让人困惑：

• 'toggle'方法不会像人们所期望的那样在状态之间切换（off->on->off），而只是将引用的按钮设置为“on”，并将所有其他按钮都设置为“off”
• 引用的id需要在“标签”上，而不是在“输入”上

---

你说得对，先生！我是否应该把id放到标签上，这样我就不必打“最近的”电话了？我希望我早点问这个问题，我现在已经有更多的头发了。我只是试了一下，如果我把id调高一级，我就不必用“最近的”，还有一件事：检查过的电话就不起作用了。不过，你可以为孩子挖到输入字段。太棒了。很乐意帮忙。：）标签上有身份证吗？这有多奇怪？

<div class="btn-group" data-toggle="buttons">
    <label id="optionFalse" class="btn btn-primary">
        <input type="radio" name="options" /> false
    </label>
    <label id="optionTrue" class="btn btn-primary ">
        <input type="radio" name="options" /> true
    </label>
</div>

if (initTrue) {
    $('#optionTrue').button('toggle');
}
else {
    $('#optionFalse').button('toggle');
}

document.querySelector(".btn-group input[id='optionTrue']").checked = true;