Question

我有一个包含3个复选框的bootstrap模式。检查2。我想做这样的事情当用户打开模态＆amp;更改复选框。如果他关闭模态我希望复选框回到他们打开模态时的方式。有没有办法可以在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/

在模态关闭时撤消复选框更改

1 个答案: