高分请教，一个javascript初学者的问题。

1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Page1</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
function textdisable() {
if(radiobutton[0].checked){textfield1.disabled=false;textfield2.disabled=true;}
else {textfield1.disabled=true;textfield2.disabled=false;}
}
</script>
</head>
<body>
<table width="240" border="1">
  <tr>
    <td width="67"><input name="radiobutton" type="radio" value="AAAA" onclick="textdisable()">
      AAAA</td>
    <td width="157"><input type="text" name="textfield1"></td>
  </tr>
  <tr>
    <td><input name="radiobutton" type="radio" value="BBBB" onclick="textdisable()">
      BBBB</td>
    <td><input type="text" name="textfield2"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="text" name="textfield3"></td>
  </tr>
  <tr>
    <td colspan="2"><div align="center">
      <input type="button" name="Button" value="Go To Page2">
    </div></td>
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    2.
    page2.htm<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Page2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>
    function textdisable(i) {
    if(i==0){textfield1.disabled=false;textfield2.disabled=true;}
    else {textfield1.disabled=true;textfield2.disabled=false;}
    }
    </script>
    </head>
    <body>
    <table width="500" border="1">
      <tr>
        <td><select name="select" onchange="textdisable(this.selectedIndex)">
          <option value="o" selected>Fill TextField1</option>
          <option value="1">Fill TestField2</option>
                </select></td>
        <td><input type="text" name="textfield1"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input type="text" name="textfield2"></td>
      </tr>
      <tr>
        <td colspan="2"><div align="center">
          <input type="button" name="Button" value="Go To Page1">
        </div></td>
      </tr>
    </table>
    </body>
    </html>
      

  2.   

    页面跳转page1.htm<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Page1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>
    function textdisable() {
    if(radiobutton[0].checked){textfield1.disabled=false;textfield2.disabled=true;}
    else {textfield1.disabled=true;textfield2.disabled=false;}
    }
    </script>
    </head>
    <body>
    <table width="240" border="1">
      <tr>
        <td width="67"><input name="radiobutton" type="radio" value="AAAA" onclick="textdisable()">
          AAAA</td>
        <td width="157"><input type="text" name="textfield1"></td>
      </tr>
      <tr>
        <td><input name="radiobutton" type="radio" value="BBBB" onclick="textdisable()">
          BBBB</td>
        <td><input type="text" name="textfield2"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input type="text" name="textfield3"></td>
      </tr>
      <tr>
        <td colspan="2"><div align="center">
          <input type="button" name="Button" value="Go To Page2" onclick="location.href='page2.htm'">
        </div></td>
      </tr>
    </table>
    </body>
    </html>
    page2.htm<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Page2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>
    function textdisable(i) {
    if(i==0){textfield1.disabled=false;textfield2.disabled=true;}
    else {textfield1.disabled=true;textfield2.disabled=false;}
    }
    </script>
    </head>
    <body>
    <table width="500" border="1">
      <tr>
        <td><select name="select" onchange="textdisable(this.selectedIndex)">
          <option value="o" selected>Fill TextField1</option>
          <option value="1">Fill TestField2</option>
                </select></td>
        <td><input type="text" name="textfield1"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input type="text" name="textfield2"></td>
      </tr>
      <tr>
        <td colspan="2"><div align="center">
          <input type="button" name="Button" value="Go To Page1" onclick="location.href='page1.htm'">
        </div></td>
      </tr>
    </table>
    </body>
    </html>
      

  3.   

    我用id代替了你的name属性，用id对DOM操作更方便而且不会出错
    －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－page1页面
    －－－－－－－－－－－－
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Page1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>
    document.onclick = function () {
    if (event.srcElement.name != "radiobutton")
      return;

    if (event.srcElement.value == "AAAA")
    {
      txt1.disabled = false;
      txt2.disabled = true;
      txt3.disabled = true;
    }

    if (event.srcElement.value == "BBBB")
    {
      txt1.disabled = true;
      txt2.disabled = false;
      txt3.disabled = false;
    }
    };
    </script>
    </head>
    <body>
    <table width="240" border="1">
      <tr>
        <td width="67"><input name="radiobutton" type="radio" value="AAAA">
          AAAA</td>
        <td width="157"><input id=txt1 type="text" name="textfield1"></td>
      </tr>
      <tr>
        <td><input name="radiobutton" type="radio" value="BBBB">
          BBBB</td>
        <td><input id=txt2 type="text" name="textfield2"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input id=txt3 type="text" name="textfield3"></td>
      </tr>
      <tr>
        <td colspan="2"><div align="center">
          <input type="button" name="Button" value="Go To Page2">
        </div></td>
      </tr>
    </table>
    </body>
    </html>page2页面
    -----------------------
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Page2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>
    function changeTxt(nIndex)
    {
      txt1.disabled = nIndex==0 ? false : true;
      txt2.disabled = nIndex==0 ? true : false;
    }window.onload = function(){
      txt1.disabled = false;
      txt2.disabled = true;
    };
    </script>
    </head>
    <body>
    <table width="500" border="1">
      <tr>
        <td><select name="select" onchange="changeTxt(this.selectedIndex)">
          <option value="o" selected>Fill TextField1</option>
          <option value="1">Fill TestField2</option>
                </select></td>
        <td><input id=txt1 type="text" name="textfield1"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input id=txt2 type="text" name="textfield2"></td>
      </tr>
      <tr>
        <td colspan="2"><div align="center">
          <input type="button" name="Button" value="Go To Page1">
        </div></td>
      </tr>
    </table>
    </body>
    </html>关于对页面切换的操作, 必须这两个页面（窗口）为父子关系
    例如：你可以在page1中用window.open打开一个子窗口page2
    在page1页面中加入
    <a href=# onclick="pop()">open window</a>
    <script>
    var msg=window;
    function pop(){
      msg = window.open("page2.htm");
    }
    </script>page1中改一下：
    <input type="button" name="Button" value="Go To Page2" onclick="msg.focus()">page2中改一下：
    <input type="button" name="Button" value="Go To Page2" onclick="window.opener.focus()">
      

  4.   

    关于页面跳转
    参照wanghr100
    不一定非要是父子关系，我想得多了点：）
      

  5.   

    不过要保证page1和page2跳转完后page1或page2中的表单内容不发生变化，建议你用我的方法。