Html 复选框不'；如果用作引导数据切换按钮，则不显示选中

我有一个复选框，用于使用引导切换折叠另一个div。但是，即使可折叠div在单击复选框时展开和折叠，复选框也不会显示选中图标。代码如下：

<div class="form-check form_input_row">
    <input class="form-check-input input_section_checkbox" type="checkbox" id="section_checkbox" name="section_checkbox" data-toggle="collapse" href="#sectionName_drop_down" role="button" aria-expanded="false" aria-controls="sectionName_drop_down">
    <label class="form-check-label" for="sectionName_checkbox">sectionName</label>
</div>
<div class="collapse" id="sectionName_drop_down">
    <div class="form-group row form_input_row">
        <label for="FieldName_input" class="col-sm-6 col-form-label">FieldLabel</label>
        <div class="col-sm-6">
            <input type="text" class="form-control" id="inputField_input" name="inputField_input" placeholder="FieldLabel">
        </div>
    </div>
</div>

节名
字段标签

---

单击

section\u复选框

，div

sectionName\u下拉列表

将相应折叠和展开。。但复选框上不显示复选标记。我试图在谷歌上找到解决方案，但什么也找不到。我需要这方面的帮助。

我可以复制此问题。尝试简单的可折叠，它正在工作。只需将

href=“#sectionName_drop_down”

更改为

数据目标=“#sectionName_drop_down”

，我就可以重现这个问题。尝试简单的可折叠，它正在工作。只需将

href=“#sectionName_drop_down”

更改为

数据目标=“#sectionName_drop_down”

，希望这会有所帮助：

节名
字段标签

希望这能有所帮助：

节名
字段标签