关于选择复选框的问题

Question

像这样
<form name="form1" method="post" action="">
  <input type="checkbox" name="checkbox" value="checkbox" onClick="Layer1.style.display='none'">
<div id="Layer1">vccxzvsdfsad</div>
</form>
但是我想再点复选框的时候又没了

Answer 1

<script language="javascript" type="text/javascript">
function _check(){
var _checkbox=document.getElementById("_checkbox");
var _Layer1=document.getElementById("Layer1");
if(_checkbox.checked==true){
_Layer1.style.display="none";
}
else {
_Layer1.style.display="";
}
}
</script><INPUT id="_checkbox" type="checkbox" value="checkbox" name="_checkbox" onclick="_check();" />
<div id="Layer1" style="display:">vccxzvsdfsad </div>

Answer 2

<INPUT TYPE="checkbox" id="ock" value="奥运" onclick="_Checker(this)">奥运
<span id="ospan" style="display:none;color:red">刘翔</span>
<SCRIPT LANGUAGE="JavaScript">
<!--
function _Checker(obj){
alert(obj.value);
document.getElementById("ospan").style.display = (obj.checked == true ? "block" : "none");
}
//-->
</SCRIPT>