Как заполнить флажки с помощью JavaScript в Laravel 5.2

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, используйте указатель.

поэтому ваш код должен быть как показано ниже.