JQuery激活一个单选按钮

我创建了一个多按钮，如下所示：

<div class="form-inline graph-dashboard">
    <div class="btn-group" data-toggle="buttons"> 
        <label class="btn btn-default">
            <input id="B1" type="radio"> Tweet count
        </label> 
        <label class="btn btn-default"> 
            <input id="B2" type="radio"> # Followers
        </label>
    </div>
</div>

推特计数
#追随者

我试图在启动时（即单击）切换

#B1

加载页面时获得的信息：

加载页面时希望获得的内容：

尝试过（但不起作用）的解决方案：

• $（'#B1'）.addClass（“活动”）

• $（'#B1'）.prop（“选中”，为真）

• $（'B1'）。按钮（“切换”）

• $（'#B1'）.parent（“label”）.addClass（“active”）

---

我怎样才能解决这个问题？显然，也接受修改HTML代码的解决方案。

设置

选中的
属性：

<input id="B1" type="radio" checked>

很遗憾，已尝试但未解决问题。请尝试将“活动”添加到标签：
$（“#B1”）.parent（“标签”）.addClass（“活动”）@EleanoreIm不确定你想要达到什么目标。。。设置
checked
属性将选中单选项-在元素具有所需样式时检查元素，并找到需要添加的类。我只想预先切换按钮。。。我再加一个数字。
$("#B1").prop("checked", true);