Bootstrap checkbox in modal remain checked after closing and reopen again
<p>I displayed a few checkboxes in Modal for user to choose. </p>

<ol>
<li><p>user click a button to open a modal</p></li>
<li><p>user checked 1 or more checkboxes OR uncheck one or more checkbox</p></li>
<li><p>close the modal without clicking Save button</p></li>
<li><p>reopen again, the checkboxes are not the original state, its what user has checked or uncheck without clicking Save!!!</p></li>
</ol>

<p>What I want is that when user click the modal and reopen again, the checkbox should always show the original checked or uncheck status!</p>

<pre><code>&lt;div class="modal-body"&gt;
    &lt;input type="checkbox"&gt;
&lt;/div&gt;
</code></pre>