如何在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使用索引。

所以你的代碼應該像下面那樣。