Laravel에서 JavaScript를 사용하여 확인란을 채우는 방법 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을 사용하는 대신 index를 사용하십시오.

코드는 아래와 같아야합니다.