用javascript控制<a>的屬性哪里出錯？？？

代碼如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
function Enablefalse(){
  document.getElementById("haitao").className=" ";
  document.getElementById("haitao").href="#";
  document.getElementById("haitao").rel=" ";
}
  function Enableture(){
  document.getElementById("haitao").className="lbOn toolstext";
  document.getElementById("haitao").href="#vote";
  document.getElementById("haitao").rel="vote";
  }
</script>
</head>
<body class="body" onLoad="Enablefalse()">
<form action="handle.php" method="post" name="form2" id="form2">
<input name="radiobutton" type="radio" value="2" onClick="Enableture()"/> 石壕吏》
<input name="radiobutton" type="radio" value="3" onClick="Enableture()" /> 對景感懷的絕唱 ──《登高》
 <a href="#vote" rel="vote"  id="haitao" class="lbOn toolstext" ><img src="images/提交.gif" /></a>
</tr>
</form>
</body>
</html>出現的問題：正常來講，若沒有javascript代碼段的話，點擊鏈接時會跳轉到指明的層，加Script的目的是為了當用戶只有點擊radio時，鏈接才會生效，跳到指明的層，但現在的結果是就算用戶點擊了radio,按鏈接時也沒有了反應。究竟是什么原因？請賜教！