无法基于阵列生成动态复选框

Question

您能否请一看这段代码并告诉我，我无法从项目数组中创建复选框

 var items: ['item1', 'item2', 'item3', 'item4', 'item5', 'item6'];
for (i = 0; i < items.length; i++) {
   $('#checks').appendTo('<input type="checkbox">');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="checks"> </div>

Answer 1

你有几个问题。您应该使用append而不是appendTo，并且您的错误:应该是=。

var obj = { items : ['item1', 'item2', 'item3', 'item4', 'item5', 'item6'] };
for (i = 0; i < obj.items.length; i++) {
  var id = "check" + i;
  $('#checks').append('<input id="' + id + '" type="checkbox"><label for="' + id + '">' + obj.items[i] + '</label>');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="checks"> </div>