复选框的隐藏与显示问题

Question

<script language="javascript">
function showhid(){
  var agree = document.getElementById("agree");
  var hid= document.getElementById("hid");
  if (agree.checked == false){
    hid.style.display = '';
  }else {
    hid.style.display = 'none';
  }
}
</script><div><input type="checkbox" id="agree" checked="checked" onClick="showhid();" /></div>
<div id="hid" style="display:none;" class="C_red">你必须同意本协议才能完成注册</div>

Answer 1

<div> <input id="agree" type="checkbox" checked="checked" onclick="show(this)"/> </div> <div id="odiv" style="display:none" class="C_red">你必须同意本协议才能完成注册 </div> 
<SCRIPT LANGUAGE="JavaScript">
<!--
function show(obj){
document.getElementById("odiv").style.display = (obj.checked == false ? 'block' : 'none');
}
//-->
</SCRIPT>

Answer 2

呵呵,谢谢两位,我已找到了一个方法.
<div> <input id="agree" type="checkbox" onClick="checkBox()" checked="checked"/> </div> <div style="display:none" id="agree_tishi" class="C_red">你必须同意本协议才能完成注册 </div> <script language="javascript">
function checkBox()
{
if (agree.checked == true)
{ 
agree_tishi.style.visibility="hidden";
}
else
{
agree_tishi.style.visibility="visible";
}
}
</script>