Question

我有一个复选框，它位于模态弹出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>

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>

如果不起作用，请告诉我。

javascript中的模态弹出窗口

1 个答案: