javascript - javascript 中的模式弹出窗口

Question

我有一个复选框，位于模式弹出框内。我想要选中该复选框时的复选框值，并希望将该值放置到模式弹出框外的 div 中。请帮我找到一个解决方案。请找到下面的代码

<div class="container">
    <div id="test"></div> 
    <h2>Modal popup</h2> 
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
    <div class="modal fade" id="myModal" role="dialog"> 
        <div class="modal-body"> 
            <input type="checkbox" class="ck " id="mealstotal" value="12"> 
        </div> 
        <div class="modal-footer"> 
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 
    </div> 
</div> 

Answer 1

请找到下面提到的解决方案。这会对你有所帮助。

$(document).on('change','#item',function(){
   if($(this).prop('checked') == true){
      $('#result').html($(this).val());
   }else{
      $('#result').html('');
   }
});

div {border:1px solid red; width:100%; padding:10px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" name="item" id="item" value="1" /> Checkbox

<div id="result"></div>

如果不起作用请告诉我。