取消複選框更改模式關閉

我有一個引導模式，其中包含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/

來源

2013-10-23 Ace

現在工作。使用了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-23 10:15:31 Ace

取消複選框更改模式關閉

回答

相關問題