日期:2014-05-16  浏览次数:20808 次

没有重置所有的数据,紧急请教!
初学html,遇到这个问题不知道如何解决,请教:
<html>
<head>
<script type="text/javascript">
function radio_click_on()
{
document.getElementById("myForm").name.disabled=false;
}
function radio_click_off()
{
document.getElementById("myForm").name.disabled=true;
}

function formReset()
{
document.getElementById("myForm").reset();
}
</script>
</head>

<body>
<p>How to reset all data?</p>

<form name="form0" id="myForm">
Switch:<input type="radio" name="switch" value="Enable" checked="checked" onclick="radio_click_on()">Enable
<input type="radio" name="switch" value="Disable" onclick="radio_click_off()">Disable<br />
Name:<input name="name" type="text" size="20"><br />
Age:<input name="age" type="text" size="20"><br />
<br />
<input type="button" onclick="formReset()" value="Cancel">
</form>
</body>

</html>

运行后将Switch置为Disable,那么Name被禁用,然后点Cancel按钮,Name不能被重置阿。如何解决这个问题阿?试了很多办法都没成功,也不懂JavaScript。。。 

------解决方案--------------------

<input type="hidden" id="hfTxt" name="hiddenInput" /> //加载的时候先把switch的值传进来

function formReset(){
  if(document.getElementById("hfTxt").value == ""){ //""里面填写当switch等于enabled的值
    document.getElementById("myForm").name.disabled=false;
  }
  else {
    document.getElementById("myForm").name.disabled=true;
  }
  document.getElementById("myForm").reset();
}