选项卡内的复选框切换引导
选项卡内的复选框切换引导
提问于 2020-01-10 01:21:22
我正在尝试创建具有添加checkbox功能的选项卡，但随着data-toggle="tabs"的出现，checkbox似乎无法工作。
这里的https://jsfiddle.net/moviecrew/gdpvuh4r/2/是我的小提琴。
有没有办法让复选框在标签内切换时起作用？
谢谢
回答 1
Stack Overflow用户
发布于 2020-01-10 01:36:11
编辑
data-togle="tab"点击事件有一个在bootstrap.js内部的preventDefault()，当你点击它时，你的checkbox在a[data-toggle="tab"]内部，你实际上是在点击<a>，而点击事件被引导阻止了。
如果你仍然想把它放在data-toggle="tab"中，你需要一些额外的javascript逻辑来手动选中/取消选中它，如下所示：
$('[data-toggle="tab"]').click(function() {
var isChecked = $(this).find(':checkbox').prop('checked');
$(this).find(':checkbox').prop('checked', !isChecked);
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59669209
复制相关文章
相似问题
腾讯云开发者
