如何使用方法：$（）。button（'toggle'）用于此引导“单选按钮列表”？

Question

<div class="btn-group btn-group-toggle" data-toggle="buttons">
    <label class="btn btn-secondary active">
        <input type="radio" name="options" id="option1" autocomplete="off" 
        checked> Active
    </label>
    <label class="btn btn-secondary">
        <input type="radio" name="options" id="option2" autocomplete="off"> 
        Radio
    </label>
    <label class="btn btn-secondary">
        <input type="radio" name="options" id="option3" autocomplete="off"> 
        Radio
    </label>
</div>

$（）。button（'toggle'）：切换推送状态。使按钮具有已被激活的外观。

RadioButtonList的图像的屏幕快照。在最左侧的按钮中，您可以看到它在被单击时看起来像已被单击。

我当前正在制作的登录页面的屏幕截图。当我单击任何一个“单选”按钮时，它们的外观都没有改变，因此我不得不使用方法$（）。button（'toggle'），但我不知道在哪里或如何使用它。

Answer 1

您只需要向jQuery函数添加正确的选择器即可。尝试改用此方法：

$(".btn-group").button("toggle");

现在您的代码应该可以使用了。

希望这会有所帮助！