Laravel 5.2のJavaScriptを使用してチェックボックスを設定する方法

Question

JavaScriptを使用して動的にチェックボックスのリストを設定したいと思います。私のbalde 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パスはデータを望んでいました。

私は私の見解は、このような名前に続いて、チェックボックスになりたい：

しかし、私は取得していますが、このです：

私は名前を取得していますビューには表示されますが、先頭のチェックボックスがなくなり、テキストボックスに置き換えられます。この問題を解決するにはどうすればよいですか？

Answer 1

はこれを試してみてください：

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

私は、この問題を解決すると思います。

Answer 2

間違っていることがいくつかあります。

1. 私がコメントで述べたように、type="checkbox"が見つかりませんでした。
2. subcatlistはdataで、0を使用する代わりにインデックスを使用する必要があります。

あなたのコードは以下のようになります。