<html>
<style type="text/css">
body{
background-color:#ddaaff;
}
input{
background:#aaaaaa;
color:#ffffff;
border:2 solid black;
}
.fakeCheckbox{
position:static;
background:#aaaaaa;
color:#ffffff;
border:2 solid black;
width:23px;
height:23px;
text-align:center;
vertical-align:middle;
cursor:default;
}
</style>
<body>
<form id=frmDemo name=frmDemo>
<input type=text><br>
<div id=divFakecb1 class=fakeCheckbox custom="off" hdn="hdnFakecb1" onClick="ToggleCheck(this);"></div><br>
<input type=hidden id=hdnFakecb1 name=hdnFakecb1 value="off">
<input type=button value="Submit" onClick="DoSubmit('frmDemo');">
</form>
</body>
<script language="javascript">
var z=document.all
var f=document.forms
function ToggleCheck(oChk){
if (oChk.custom=='off') {
oChk.custom='on';
oChk.innerHTML = "<font face='verdana' size=3><b>X</b></font>"; //change this line to reflect what you want your 'check' to look like
z[oChk.hdn].value='on';
}
else {
oChk.custom='off';
oChk.innerHTML = "";
z[oChk.hdn].value='off';
}
}
function DoSubmit(frmID){
f[frmID].action="nextpage.html"; //or your CGI or ASP or whatever page
f[frmID].method="GET"; //or "POST" used "GET" so you could see the results on the address line
f[frmID].submit();
}
</script>
</html>
