当我单击它时，没有检查带有数据切换=选项卡的单选按钮

Didn't check the radio button with data-toggle=tab when I click it

本文关键字：选项 单选按钮 数据 检查 单击      更新时间：2023-09-26

这是我的代码。 

<div class="tab-content">
<form>
     <input type="radio" href="#tab1" name="rb-membership" data-toggle="tab" checked/><label style="font-size:15px">STARTER</label>
     <input type="radio" href="#tab2" name="rb-membership" data-toggle="tab"/><label style="font-size:15px">STANDARD</label>
     <input type="radio" href="#tab3" name="rb-membership" data-toggle="tab"/><label style="font-size:15px">ENTERPRISE</label>
</form>

因此，当我单击第二个或第三个按钮时。没有检查它，但选项卡正在工作。但是当我删除数据切换时，检查的工作正常，但选项卡不起作用。当我单击它时，我需要设置选中的单选按钮。

你只需要做一件事，删除data-toggle="tab"并添加脚本

$('input[name="rb-membership"]').click(function () {
    $(this).tab('show');
});

检查此 使用单选按钮进行选项卡控制 使用引导程序作为参考，以及演示

相关文章：