【问题标题】:Bootstrap checkbox in modal remain checked after closing and reopen again模式中的引导复选框在关闭后保持选中并再次重新打开
【发布时间】:2016-09-04 01:48:48
【问题描述】:

我在 Modal 中显示了几个复选框供用户选择。

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

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

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

  4. 重新打开,复选框不是原来的状态,是用户没有点击保存就勾选或取消勾选!!!

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

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

【问题讨论】:

    标签: twitter-bootstrap twitter-bootstrap-3


    【解决方案1】:

    试试这个,希望它有效。

    更新

    CODEPEN

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

    享受:)

    【讨论】:

    • 你在电脑上试过了吗?我尝试使用 chrome,但它不起作用。
    • 请查看更新后的答案和codepen链接
    • 很奇怪。它对我不起作用。您如何将完整的 HTML 代码复制并粘贴到 codepen.io 中?我检查一下有什么区别
    • 我的代码(HTML + JS)已经在CODEPEN 中了。您可以查看它。
    • 你把
      放在 modal 之前了吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-08-01
    • 1970-01-01
    • 2015-06-26
    • 2016-05-08
    • 2017-12-13
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多