자바 스크립트 변수가 모달로 전송되었습니다.

Question

HTML 코드를 출력하는 PHP 코드가 있습니다. 이 행에는 id = \ "$ Row [ID_NUMBER] \"를 모달 창으로 보내는 입력 유형 = "체크 박스"가 있습니다. 다음은 행 데이터를 체크 박스와 함께 출력하는 echo 문입니다. 행의 여분의 데이터 필드에 주목하십시오. 여기

echo "<tr><td><input type=\"checkbox\" id=\"{$Row[ID_NUMBER]}\" data-info=\"{$Row[BOL_NUMBER]}\" name=\"checkMr[]\" /></td></tr>"; 

는 자바 스크립트를 검색 인 ID = \ "{$ 행 [ID_NUMBER]} \"및 모달 창에 표시 : 호출하는 버튼이 물론

<script type="text/javascript"> 
    $(function modalForm(){ 
    $('a').click(function modalForm(){ 
    var selectedID = []; 
    $(':checkbox[name="checkMr[]"]:checked').each (function modalForm(){ 
     selectedID.push(this.id); 
    }); 
    $(".modal-body #idNumber").val(selectedID); 
    }); 
    }); 
</script> 

자바 스크립트 함수 onclick = "modalForm();" 내가 너를 보여줄 필요가 없다고 생각한다. 그러나 여기입니다 모달를 인쇄 #idNumber :

<label>Container Selected</label> 
<input disabled type="text" name="idNumber" id="idNumber" placeholder="no containers selected" /> 

내가이 데이터 테이블에서 ID를 검색 상단에해야 할 것은 데이터 정보를 검색하다 = \ "{$ 행 [BOL_NUMBER]} \ "그것을 모달 창으로 보냅니다.

<label>Bol Selected</label> 
<input type="text" name="bolNumber" id="bolNumber" /> 

내가이 위와 같은 자바 스크립트 함수 내에서 수행 할 수 있습니다 알고 난 지금 idNumber 아래에 간다 boNumber에 대한 입력 필드가 있습니다. 어떤 도움을 주시면 감사하겠습니다.

Answer 1

$(':checkbox[name="checkMr[]"]:checked').each (function modalForm(){  
    selectedID.push(this.id); 
    // get the data-info from checkbox and set value in modal 
    $("#bolNumber").val($(this).attr('data-info')); 
});