关闭后仍会检查模态中的Bootstrap复选框,然后重新打开

时间:2016-09-03 17:23:08

标签: twitter-bootstrap twitter-bootstrap-3

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

  1. 用户点击按钮打开模态

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

  3. 关闭模式而不点击“保存”按钮

  4. 再次重新打开,复选框不是原始状态,用户选中或取消选中的内容没有点击保存!!!

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

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

1 个答案:

答案 0 :(得分:5)

试试这个,希望它有效。

已更新

CODEPEN

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

享受:)