Question

我正在尝试创建具有同时添加复选框功能的选项卡，但是在使用data-toggle="tabs"的情况下，复选框似乎不起作用。

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

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

谢谢

Answer 1

编辑

data-togle="tab"点击事件在preventDefault()内有一个bootstrap.js，并且当您点击checkbox时，您的a[data-toggle="tab"]就在<a>内部1}}和click事件已被引导程序阻止。

如果您仍然希望将其包含在data-toggle="tab"中，则需要一些其他JavaScript逻辑来手动检查/取消选中它，例如：

$('[data-toggle="tab"]').click(function() {
    var isChecked = $(this).find(':checkbox').prop('checked');
    $(this).find(':checkbox').prop('checked', !isChecked);
})

选项卡切换引导程序内的复选框

1 个答案: