Create master checkbox outside {foreach} tag
<p>I have <strong>dynamic page</strong> under <code>{foreach}</code> tag something like this.</p>

<pre><code>&lt;div id="c1"&gt;
{foreach}
&lt;input type="checkbox" name="checkbox" id="{$num}" checked/&gt;
{/foreach}
&lt;/div&gt;
</code></pre>

<p>which in return <strong>prints</strong> something like this.</p>

<pre><code>&lt;div id="c1"&gt;
&lt;input type="checkbox" name="checkbox1" id="1" checked/&gt;
&lt;input type="checkbox" name="checkbox2" id="2" checked/&gt;
&lt;input type="checkbox" name="checkbox3" id="3" checked/&gt;
&lt;/div&gt;
</code></pre>

<p>What I want is to <strong>hide</strong> <code>&lt;div id="c1"&gt;</code> &amp; <strong>show only one checkbox outside</strong> 
    <code>&lt;div id="c1"&gt;</code>  </p>

<p><strong>controlling all checkboxes which are inside</strong> <code>&lt;div id="c1"&gt;</code></p>

<p>How can I achieve this ?</p>

<p><strong>Thanks.</strong></p>

<ul>
<li>Mandar</li>
</ul>
