jquery - 撤消模式关闭时的复选框更改

Question

我有一个包含 3 个复选框的引导模式。检查2个。我想做这样的事情当用户打开模式并对复选框进行更改时。如果他关闭模式，我希望复选框返回到模式打开时的状态。有没有办法可以在 jquery 中完成

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel"><i class="icon-bar-chart"> </i> Modules</h3>
  </div>

  <div class="modal-body">

    <label class="checkbox ">
  <input type="checkbox"  value="option1" checked> 1
</label>
<label class="checkbox inline">
  <input type="checkbox"  value="option2" checked> 2
</label>
<label class="checkbox inline">
  <input type="checkbox"  value="option3"> 3
</label>

    </div>
  <div class="modal-footer">

  <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Close</button>
  <button class="btn btn-success" id="modsave">Save</button>
  </div>
</div>


<a data-target="#myModal" role="button" class="btn" data-toggle="modal">
    Launch demo modal</a>

找到了一种方法来执行此操作，但当您第二次进行更改并关闭模式时它会停止工作

var clone=$("#myModal .modal-body").clone();


$('#myModal').on('hidden', function () {


  $("#myModal .modal-body").html(clone);
});

Jsfiddle http://jsfiddle.net/aPDVM/172/

Answer 1

现在正在工作。在克隆上使用 html 代替

var clone=$("#myModal .modal-body").html(); //instead of clone


$('#myModal').on('hidden', function () {


  $("#myModal .modal-body").html(clone);
});

Jsiddle http://jsfiddle.net/aPDVM/176/