2

我有一个包含 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/

4

1 回答 1

2

现在工作。使用 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/

于 2013-10-23T10:15:31.627 回答