javascript - 如何在 Laravel 5.2 中使用 JavaScript 填充复选框

Question

我想使用 JavaScript 动态填充复选框列表。我已完成以下操作:

在我的秃头 View 中:

<div  id="demo" class="collapse" > 
    <div class="panel panel-default" >
          <div class="panel-body" id="demos" style="max-height: 100px;overflow-y: scroll;" >

             <input type="checkbox" name="specific[]" value=" "> <br>

           </div>    
     </div>
 </div>

我的脚本:

$(document).ready(function(){
     $('#ItemID').on('change',function(e){
        console.log(e);
        var itemID= e.target.value;


        $.getJSON('/xxxxx/list?itemID=' + itemID, function(data){
           $('#demos').empty();
           $.each(data,function(index, subcatlist){
               $('#demos').append('<input value="'+subcatlist[0].ID+'">'+subcatlist[0].Name+'</input>');
            });
          });             
        });
      });

route.php 传递想要的数据。

我希望我的 View 是这样的，一个复选框，后面跟着名称:

但是我得到的是这样的:

我正在为 View 获取名称，但缺少前导复选框并替换为文本框。如何解决这个问题？

Answer 1

试试这个:

$('#demos').append('<input type="checkbox" value="' + subcatlist[0].ID + '"/>' + subcatlist[0].Name);

我认为这可以解决问题。