Javascript 如何以垂直方式列出复选框？

当我创建复选框时，我希望它们以垂直方式而不是水平方式列出。我怎样才能做到这一点

Html:

第一个复选框

Jquery：

$(document).ready(function() {
    $('#btnSave').click(function() {
        addCheckbox($('#txtName').val());
    });
});

function addCheckbox(name) {
   var container = $('#cblist');
   var inputs = container.find('input');
   var id = inputs.length+1;

   $('<input />', { type: 'checkbox', id: 'cb'+id, value: name }).appendTo(container);
   $('<label />', { 'for': 'cb'+id, text: name }).appendTo(container);
}

$（文档）.ready（函数（）{
$（'#btnSave'）。单击（函数（）{
addCheckbox（$（'#txtName'）.val（））；
});
});
函数addCheckbox（名称）{
变量容器=$（“#cblist”）；
var inputs=container.find（'input'）；
变量id=输入。长度+1；
$（''，{type:'checkbox'，id:'cb'+id，value:name}）；
$（“”，{'for'：'cb'+id，text:name}）；
}

这是HTML，因此您有很多选择。例如：

• 制作一个列表元素并将每个复选框放入一个

• 在每个标签后附加一个

---

使用表格添加复选框，每一行的每一个复选框都是一列。

包括以下行：

$('<br/>').appendTo(container);

$（'
'）。附加到（容器）；

---

在脚本的末尾。

将复选框放入

标签中

并显示标签：block不要使用

标签或表格

创建干净的html，如：

<div class="formGroup">
  <input id="1" type="checkbox" />
  <label>your label</label>
</div>

<div class="formGroup">
  <input id="2" type="checkbox" />
  <label>your label</label>
</div>

你的标签
你的标签

使用css，您可以使formGroup显示为块元素

---

祝您好运

用户请求帮助以垂直方式显示复选框，因此重用现有代码将是最简单的方法。i、 e.在现有javascript中添加

可能是实现他期望的最简单的方法。当然，但他将新的输入添加到一个现有的div中。在我看来，更好、更干净的方法是添加分组的输入和标签。所以他们是垂直的，你有干净的html。。。

<div class="formGroup">
  <input id="1" type="checkbox" />
  <label>your label</label>
</div>

<div class="formGroup">
  <input id="2" type="checkbox" />
  <label>your label</label>
</div>