如何将动态创建的复选框添加到引导行
How to add dynamically created Checkboxes to Bootstrap row
我已经添加了一个引导行。现在我想在里面添加复选框这样复选框应该是并排显示的而不是像现在这样一行一行地显示。这是HTML
<div class="row" id="ReportRow">
<div class="col-md-12">
</div>
</div>
这里是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);
请帮我调整一下。谢谢。
小提琴
从你的代码中删除<br/>
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> ';
}
$('#ReportRow > .col-md-12').html(reportscheckBoxhtml);
相关文章:
- 动态添加复选框和输入框 jQuery
- 在输入类型数字更改时添加复选框
- 添加复选框标签中的值
- 在表中搜索相同的日期,并在td中添加复选框
- 想要添加复选框到动态创建的李
- 如何添加复选框选中的计数值
- 在PHP结果中添加复选框,并在一段时间后使用java逐个打开它们
- 使用JavaScript添加复选框值PHP、MySQL和alertbox
- 在运行时添加复选框并将其保存在 HTML 文件代码中
- 如何使用 javascript 添加复选框
- 在 AngularJS 中添加复选框以进行搜索
- Bootstrap 3.2:当使用jQuery添加复选框时,它不会在正确的css上可见
- 如何在提交按钮之前添加复选框
- extjs3.4如何在工具栏中动态添加复选框
- 如何在嵌入php的html表中为每一行添加复选框,并在数据库(Postgresql)中更新其值
- 在谷歌可视化栏旁边添加复选框
- 使用JS添加复选框,并在服务器端代码(ASP.NET)中找到它
- 动态添加复选框时,组中一个复选框选择的 JQuery 脚本不起作用
- 动态添加复选框,而不是模型绑定到IList
- 基于数组值javascript动态添加复选框