html checkbox别致样式处理

 有时我们要用到一些表单填写会有一些特别的勾选项，如要想变成掕形勾选框，如何处理处理呢，checkbox都是方的；简单的做法是通行图片来模拟：

<style type="text/css"><!--
#labcontent .checkboxOff {
    background-image: url(images/checkboxb.gif);
    background-repeat: no-repeat;
    border: none;
}
/* On state for a ARC checkbox */
#labcontent .checkboxOn {
    background-image: url(images/checkboxab.gif);
    background-repeat: no-repeat;
    border: none;
}

--></style>
<div id="labcontent">
 <a href="#" class="checkboxOff" οnclick="imgcheckchange(this,'hidecheck1');"><input type="checkbox" id="hidecheck1"  style="visibility:hidden;" /></a>
 <br/>
 <a href="#" class="checkboxOff" οnclick="imgcheckchange(this,'hidecheck2');"><input type="checkbox" id="hidecheck2"  style="visibility:hidden;" /></a>
</div>
<script type="text/javascript">
 function imgcheckchange(checkAObj, checkId) {
  var hcheck =  document.getElementById(checkId);
 if(hcheck){
  hcheck.click();
  if(hcheck.checked){
   checkAObj.className='checkboxOn';
  }else{
   checkAObj.className='checkboxOff';
  }
 }
 }
</script>

 

--黄焕尧--