Javascript 无法选中jQuery可折叠元素中的复选框

Javascript 无法选中jQuery可折叠元素中的复选框,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我使用下面的代码在一系列表行上实现手风琴效果 $('.accordian-body').on('show.bs.collapse', function () { $(this).closest("table") .find(".collapse.in") .not(this) .collapse('toggle') }); 在折叠的行中,我还有

我使用下面的代码在一系列表行上实现手风琴效果

        $('.accordian-body').on('show.bs.collapse', function () {
            $(this).closest("table")
                .find(".collapse.in")
                .not(this)
                .collapse('toggle')
        });
在折叠的行中,我还有一系列复选框,用于选择选项:

        <div style="float:right;margin-top:-5px;" class="checkbox check-primary checkbox-circle">
           <input id="checkbox1" type="checkbox" checked="checked" value="1">
           <label for="checkbox1"></label>
         </div>
即使未禁用这些复选框,也无法选中或取消选中这些复选框,尽管鼠标指针可能会指示存在可单击的元素

如何重新启用复选框


谢谢

你能给我们看一个JSIDdle示例代码吗?JSIDdle链接更受欢迎。奇怪的是,我不能让它在JSIDdle中复制-我会看看是否可以进一步隔离这个问题。问题似乎是标签元素——它们与复选框重叠