有时我们要用到一些表单填写会有一些特别的勾选项,如要想变成掕形勾选框,如何处理处理呢,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>
--黄焕尧--