javascript - 如何使用方法 : $(). 按钮 ('toggle' )用于此 Bootstrap 'radio-button list' ？

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");

现在您的代码应该可以工作了。

希望这有帮助!