Javascript 如何使用jquery在bootstrap3页面加载时切换按钮组中的按钮

我有一个按钮组，如下所示

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input type="radio" name="environment" id="staging" value="staging" />Staging
    </label>
    <label class="btn btn-default">
        <input type="radio" name="environment" id="production" value="production" />Production
    </label>
</div>

但什么都没有发生。我该怎么做？另外，我如何知道哪个按钮处于活动状态

---

我正在使用bootstrap3.3.2和jquery1.11.1

按钮由

标签

表示。因此，您只需调用父标签元素上的

按钮
方法：

$(document).ready(function() {
    $("#production").parent().button('toggle');
});

或者更好的方法是，如果您想在默认情况下选择产品，您应该首先在HTML中添加class
active
：

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input type="radio" name="environment" id="staging" value="staging" />Staging
    </label>
    <label class="btn btn-default active">
        <input type="radio" name="environment" id="production" value="production" />Production
    </label>
</div>


登台
生产
另一方面，在按钮组中使用单选按钮是非常令人困惑的：（我如何知道哪个按钮处于活动状态？默认情况下，我不想将活动添加到生产中，因为我想在页面加载按钮时点击更改事件。更改事件将更新一些文本框。我不想重复在页面加载和更改时填充这些文本框的代码。“我如何知道哪个按钮处于活动状态”。检查其中哪一个类是活动的。Ohk，因此我希望它是$（“btn btn default active”）。child（）.val（）；可能我应该在标签中添加一个“id”。
<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input type="radio" name="environment" id="staging" value="staging" />Staging
    </label>
    <label class="btn btn-default active">
        <input type="radio" name="environment" id="production" value="production" />Production
    </label>
</div>