选项卡切换自举程序内的复选框

Posted 2023-01-30

我正在尝试创建具有同时添加复选框功能的选项卡，但是使用data-toggle="tabs"的显示，复选框似乎无法正常工作。

https://jsfiddle.net/moviecrew/gdpvuh4r/2/这是我的小提琴。

有没有什么方法可以使复选框在选项卡内时起作用？

谢谢

答案

问题是您的复选框在链接标签<a>中。要手动解决此问题，您需要添加一些javascript以手动选中或取消选中它。

您是否使用复选框表示tab步骤已“完成”？如果是这样，我建议您使用其他逻辑，例如将class添加到您的tab，然后再使用pseudo-classes，例如

.tab.done:after 
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    float: left;

向您的标签添加“检查”图标。