关闭后,模态中的Bootstrap复选框保持选中状态,然后重新打开

Question

我在Modal中显示了一些复选框供用户选择.

1. 用户单击按钮以打开模态

2. 用户选中了一个或多个复选框或取消选中一个或多个复选框

3. 关闭模态而不单击"保存"按钮

4. 再次重新打开,复选框不是原始状态,用户已经选中或取消选中,而不单击"保存"!

我想要的是当用户单击模态并再次重新打开时,复选框应始终显示原始选中或取消选中状态!

<div class="modal-body">
    <input type="checkbox">
</div>

Answer 1

试试这个,希望它有效.

更新

实施例在CODEPEN

$('#myModal').on('hidden.bs.modal', function(e) {
  $("#myModal .modal-body").find('input:radio, input:checkbox').prop('checked', false);
})

请享用 :)