javascript - 在 Bootstrap Accordion 标题中有一个可点击的元素

Question

我正在尝试使用 Accordion 并在页眉内有一个复选框。但是，当我单击 Accordion 标题中的复选框时，它会折叠或展开 Accordion 。有没有一种方法可以在不展开/折叠 Accordion 的情况下单击复选框？

Answer 1

点击冒泡到 Accordion 标题，所以另一种可能性(除了按照其他人的建议将复选框移到切换之外)是停止冒泡。

像这样使用一些 JQuery:

$("input[type=checkbox]").on("click", function(event) {
    event.stopPropagation();
});

或者使用更短的复选框选择器:

$(":checkbox").on("click", function(event) {
    event.stopPropagation();
});