title: HTML checkboxes: can you have a hidden checkbox that is still working normally (being set /unset via a label)?
body: <p>I'm iterating thru some checkbox values and checking if they are checked and sending some values furter on in the code, however thats beside the point - working well. BUT - for styling purposes I would like to HIDE the actual checkbox (can still click it, I assume, with the label). Hiding it, however, makes it not checkable. Anyway around that? Hiding the actual checkbox but still using it so to speak?</p>
  
  <pre><code>&lt;label&gt;
  &lt;div class="filterChoices" onClick="showhide(\'checkedIconProd'.$prodid.'\');ajaxcall(\'filtereditems\', \'updateItemsFromFilter.php?filterno=3&amp;no='.$this-&gt;pageContent-&gt;getNo().'&amp;sub='.$this-&gt;pageContent-&gt;getSub().'&amp;sub2='.$this-&gt;pageContent-&gt;getSub2().'&amp;producer='.$_GET["producer"].'&amp;category='.$_GET["category"].'&amp;segment='.$_GET["segment"].'&amp;shopid='.$_GET["shopid"].'&amp;varemenu='.$_GET["varemenu"].'&amp;q=\'+getCheckBoxValues(\'producerfilter\'));return(false);"&gt;&lt;input autocomplete="off" type="checkbox" name="producerfilter" value="'.$prodid.'" id="producerfilter'.$prodid.'" style="display:none;"&gt;
       '.$prodname.'
  &lt;span align="right" style="text-align:right;"&gt;
  &lt;img id="checkedIconProd'.$prodid.'" border="0" src="img/checkedIcon.png" style="display:none;"&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  &lt;/label&gt;
  </code></pre>