没有重置所有的数据,紧急请教!
初学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();
}