代码没有预想的效果 高手帮忙看看啊

<body>
<form method="post" action="" name="form1">
   <input type="radio" name="ddfind" checked="checked" id="radio1"  onclick="check()"/>&nbsp;&nbsp;&nbsp;
   <input type="radio" name="ddfind" id="radio2"  onclick="check()"/>
</form>
<div id="Layer1" style="display:block; background:#00FFFF">层1</div>
<div id="Layer2" style="display:none; background:#CCCCCC">层2</div>
<script language="javascript">
function check(){
  var find = document.form1;
  if(find.radio1.checked==true){
    Layer1.style.display="block";
  }
  else if(find.radio2.checked==true){
    Layer2.style.dispale="block";
  }
}
</script>
</body>
要点不同的单选框出现不同的蹭， 那个大虾知道帮帮忙