JSP中Form表单reset出现一个问题

0 0

JSP中Form表单reset出现一个问题0

<script type="text/javascript">
  function fun_one() {
      document.newForm.one.style.display = "";
      document.newForm.two.style.display = "none";
  }
  function fun_two() {
      document.newForm.one.style.display = "none";
      document.newForm.two.style.display = "";
  }
</script>

<form name="newForm">
  <input type="radio" name="input" value="1" checked onclick="javascript:fun_one();"/>Input One
  <input type="radio" name="input" value="2" onclick="javascript:fun_two();"/>Input Two
<br/>
InputOne <input type="text" name="one" style="width: 150px;display: "/><br/>
InputTwo <input type="text" name="two" style="width: 150px;display: none;"/><br/>
  <input type="submit" value="Submit"/>&nbsp;
  <input type="reset" value="Reset"/>
</form>

我的想法是用radio来控制表单里的元素，当点击Input One时，下面InputOne的文本框就会显示出来，而InputTwo就会隐藏；反之，点击Input Two也会有这样的效果。但是当我先点击了Input Two时，这时InputOne的文本框隐藏，InputTwo显示，这时还是正常情况，如果我接着点击reset，重新填写时，由于Input One默认被选中，理想的情况是InputOne重新显示，InputTwo隐藏，可是实际情况是Input One是被选中状态，而InputOne隐藏，InputTwo显示。
这个问题很奇怪，不知道我是否描述清楚，有人知道是哪里出的问题吗，清指点，谢谢！

2012年9月13日 19:38

cherishmmo2004
2
0 0 9

2个答案按时间排序按投票排序

0 0

采纳的答案

<script type="text/javascript">
  function fun_one() {
      document.getElementById("one").style.display = "";
      document.getElementById("two").style.display = "none";
  }
  function fun_two() {
      document.getElementById("one").style.display = "none";
      document.getElementById("two").style.display = "";
  }
</script>

<form name="newForm">
  <input type="radio" name="input" value="1" checked onclick="javascript:fun_one();"/>Input One
  <input type="radio" name="input" value="2" onclick="javascript:fun_two();"/>Input Two
<br/>
<div id="one">InputOne <input type="text" name="one" style="width: 150px;"/></div>
<div id="two" style="display:none;">InputTwo <input type="text" name="two" style="width: 150px;"/></div>
  <input type="submit" value="Submit"/>&nbsp;
  <input type="reset" value="Reset" onclick="javascript:fun_one();"/>
</form>

2012年9月13日 20:15