jquery - Bootstrap Toggle 不适用于 onclick LI 元素

Question

我正在使用来自 http://www.bootstraptoggle.com/ 的 bootstraptoggle将复选框转换为切换。我已经包含了他们的脚本和 css 的 cdn。

https://jsfiddle.net/j04x6sjm/4/

关于<li>one</li>我通过 <input type="checkbox" data-toggle="toggle" /> 调用了切换功能但由于某种原因，它没有显示在 filldle 中。它虽然在本地工作。所以我想要实现的是能够在单击 <li> 时选中/取消选中复选框。或复选框本身。我能够使用 fiddle 中的脚本为普通复选框实现这一点。我怎样才能将它应用到切换的复选框呢？切换类复选框也应在相应的 <li> 上选中/取消选中点击。

非常感谢。

Answer 1

在修复你的 jquery 之前......

$('ul.list-group1 li').on('click', function() {
 var $cb = $(this).find(":checkbox");
 if (!$cb.prop("checked")) {
    $cb.prop("checked", true);
 } else {
    $cb.prop("checked", false);
 }
});

$('ul.list-group1 li input').on('click', function(event) {
   event.stopPropagation();
});