Bootstrap 3.2:当使用jQuery添加复选框时，它不会在正确的css上可见

Bootstrap 3.2: When added checkbox with jQuery, it not going to visible with proper css

本文关键字：css 复选框 添加 jQuery Bootstrap      更新时间：2023-09-26

我使用了引导程序 3.2。

我想使用 jQuery 添加复选框。

我使用以下 html 在div 中附加 ID "all_deal_type"。

这是div html

       <div class="col-md-10 pull-right" style="padding-left:0px;" id="all_deal_type"</div>

这是我用来附加到div 中的 html 模板。

    var template =  '<div class="col-md-3">'
                        +'<div class="form-group">'
                            +'<div class="checkbox-list">'
                                +'<label>'
                                +'<input type="checkbox" value="'+i+'"> '+v+'</label>'
                                +'<label>'
                            +'</div>'
                        +'</div>'
                    +'</div>';
     $("#all_deal_type").append(template);

当我附加复选框 html 时，它不会像引导程序那样显示复选框。

你能指导我错在哪里吗？

更改 html 格式

<div class="form-group checkbox-list col-md-9" style="padding-left:0px;" id="all_deal_type">
</div>

将 jquery 更改为 

var template =  '<div class="checkbox col-md-3">'
                      +'<label>'
                      +'<input type="checkbox" value="'+i+'">' 
                      +v+'</label>'
                +'</div>';
$("#all_deal_type").append(template);`

尝试checkbox将类添加到form-groupdiv或checkbox-list

div
相关文章：