javascript - 当我单击它时，没有使用 data-toggle=tab 检查单选按钮

Question

这是我的代码。

<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>

所以当我单击第二个或第三个按钮时。没有对其进行检查，但该选项卡正在工作。但是，当我删除数据切换时，选中的项目正在工作，但选项卡却不起作用。当我单击它时，我需要设置选中单选按钮。

Answer 1

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

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

检查这个Using radio buttons for tab control using bootstrap作为引用和 demo