動的に作成されたチェックボックスをブートストラップ行に追加する方法

Question

ブートストラップ行を追加しました。その中で、チェックボックスをチェックボックスに追加して、チェックボックスをラインごとに並べて表示するようにしたい。ここにHTMLがあります。

<div class="row" id="ReportRow"> 
     <div class="col-md-12"> 
     </div> 
</div> 

、ここでPlesaeはそれを正しく整列するために私を助けてjqueryの

var Reports = "User, Admin, Detail, Summary"; 
var arrReportscheckBoxItems = Reports.split(','); 
var reportscheckBoxhtml = '' 
for (var i = 0; i < arrReportscheckBoxItems.length; i++) { 
     reportscheckBoxhtml += '<label style="font-weight: 600; color: #00467f !important;"><input type="checkbox" value=' + arrReportscheckBoxItems[i] + '>' + arrReportscheckBoxItems[i] + '</label><br\>'; 
} 
$('#ReportRow').html(reportscheckBoxhtml); 

です。ありがとう。

Answer 1

Fiddle

ちょうどあなたのコード内の `` タグを削除してくださいウルコード

var Reports = "User, Admin, Detail, Summary"; 
var arrReportscheckBoxItems = Reports.split(','); 
var reportscheckBoxhtml = '' 
for (var i = 0; i < arrReportscheckBoxItems.length; i++) { 
     reportscheckBoxhtml += '<label style="font-weight: 600; color: #00467f !important;"><input type="checkbox" value=' + arrReportscheckBoxItems[i] + '>' + arrReportscheckBoxItems[i] + '</label>&nbsp;'; 
} 
$('#ReportRow > .col-md-12').html(reportscheckBoxhtml);