![](/img/trans.png)
[英]Checkbox inside ngx bootstrap accordion header not working properly
[英]Bootstrap 4 Checkbox accordion not working
我想这样创作。
https://getbootstrap.com/docs/4.0/components/collapse/#multiple-targets
但我把按钮替换为复选框。 我想在选中复选框时。 它崩溃了
<div class="container-fluid">
<b>درخواست شغل</b>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="change_jobs">قصد انتخاب یا تغییر شغل دارم</label>
<input type="checkbox" id="change_jobs" name="change_jobs" data-toggle="collapse" onclick="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<div class="collapse" id="collapseExample">
<div class="card card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
</div>
</div>
</div>
</div>
</div>
</div>
当我单击复选框时,我在控制台中看到此错误并且它没有打开
SyntaxError:当前不支持私有字段
将onclick="#collapseExample"
替换为data-target="#collapseExample"
<div class="container-fluid">
<b>درخواست شغل</b>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="change_jobs">قصد انتخاب یا تغییر شغل دارم</label>
<input type="checkbox" id="change_jobs" name="change_jobs" data-toggle="collapse" data-target="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<div class="collapse" id="collapseExample">
<div class="card card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
</div>
</div>
</div>
</div>
</div>
</div>
我希望这会有所帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.