js判断问题~~~

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 <SCRIPT LANGUAGE="JavaScript">
  function test(t){
  if(t.checked){
document.getElementById("div1").style.display="none"
document.getElementById("div2").style.display="block"
  }else{
document.getElementById("div1").style.display="block"
document.getElementById("div2").style.display="none"
  }
  }

  </script>
 </HEAD> <BODY>
<FORM name="form1">
<input type="checkbox" name="checkbox" id="checkbox1" onclick="test(this);" value="checkbox1" style=" width:15px;" />
  我点击切换
  <div id="div1" style="display:none">
  <input type="submit"  name="Submit" value="提交注册">
 </div>
 <div id="div2" style="display:none">
  <input type="button" name="button" value="下一步">
</div>
</FORM>
 </BODY>
</HTML>