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>

これを行う方法を見つけましたが、2回目にモーダルを変更して閉じると機能しなくなります

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 に答える