체크 박스 Javascript 기능이 부트 스트랩 모달에서 작동하지 않습니다.

Question

부트 스트랩을 사용 중이며 모달 안에 텍스트 필드와 체크 박스가 있습니다. 확인란을 선택하면 자바 스크립트를 사용하여 텍스트 필드를 사용할 수 있지만 모달 내부에서는 작동하지 않는 것 같습니다.

모달 :

<div class="modal fade" id="add-modal" tabindex="-1" role="dialog" aria-hidden="true"> 
    <form action="php_add/event.php" method="post"> 
     <div class="modal-body"> 
      <input type="checkbox" id="foodBox" class="flat-red foodBox" /> 
      <input name="food" id="food" disabled> 
     </div> 
    </form> 
</div> 

JS :

$(document).getElementById('foodBox').onchange = function() { 
    document.getElementById('food').disabled = !this.checked; 
    document.getElementById('food').value = ""; 
}; 

하지 않는 이유는 함수 작업 확인란을 모달 안에있을 때?

document.getElementById("foodBox").onchange = function() { 
    var food = document.getElementById('food'); 
    food.disabled = !this.checked; 
    food.value = ""; 
} 

jQuery를 : 당신은 네이티브 JS에 대한 .. jQuery를 네이티브 JS 구문을 혼합하고

Answer 1

$("#foodBox").change(function() { 
    $("#food").prop("disabled", !this.checked); 
    $("#food").val(""); 
});