在 Bootstrap 手风琴标题中有一个可点击的元素

我正在尝试使用手风琴并在标题内有一个复选框。但是，当我单击手风琴标题中的复选框时，它会折叠或展开手风琴。有没有办法单击复选框而不使手风琴展开/折叠？

单击会冒泡到手风琴标题，因此另一种可能性（除了按照其他人的建议将复选框移到切换之外）是停止冒泡。

使用一些 JQuery，例如：

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

或者使用较短的复选框选择器：

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