禁用bootstrap防止崩溃时的默认值

Question

我正在使用bootstrap制作折叠菜单。 问题是当点击复选框时项目变得可见：逻辑是“如果你是学生，是的，你可以填写变得可见的表格”：

<div class="panel-heading" role="tab" id="headingStudent">
    <a data-toggle="collapse" href="#collapseStudent" aria-expanded="true" aria-controls="collapseStudent">
        <div class="checkbox">
             <label class="required">
                  <input type="checkbox" id="appbundle_user_associate_delete_isStudent" name="appbundle_user_associate_delete[isStudent]" required="required" checked="checked" value="1">
I am a student
             </label>
        </div>
     </a>
</div>

问题是，当collasping或扩展div时，复选框状态不会改变，似乎事件也被阻止。我无法完成以下工作

$('#headingStudent input').on('click', function(){
                $('#headingStudent input').prop('checked', !$('#headingStudent input').prop('checked'));
            });

您是否知道如何使默认行为不受bootstrap javascrip prevenDefault（）代码的阻碍？ 非常感谢