javascript - JavaScript中的模式弹出

我有一个复选框，位于模式弹出框div中。我希望复选框选中时的复选框值，并希望将该值放置在模式弹出框之外的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>

最佳答案

请找到以下提到的解决方案。这将为您提供帮助。

$(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>

让我知道是否有效。

关于javascript - JavaScript中的模式弹出，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45366173/