怎样通过checkbox,来控制文本框和下拉列表的"可用"和"不可用"状态?

<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form onsubmit='check()' action=''>
  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><input type="checkbox" name="checkbox" value="checkbox" onclick="javascript:if (this.checked == true) {document.all('select1').disabled = true ;}else {document.all('select1').disabled = false ;}"> &nbsp;&nbsp;&nbsp;
        <select name="select1">
          <option value="1">1</option>
          <option value="3">2</option>
        </select></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="checkbox2" value="checkbox" onclick="javascript:if (this.checked == true) {document.all('textfield').disabled = true ;}else {document.all('textfield').disabled = false ;}"> &nbsp;&nbsp;&nbsp;
      <input type="text" name="textfield"></td>
    </tr>
  </table>
</form>
</body>
</html>

解决方案 »

  1.   

    <html>
    <head>
    <title>无标题文档</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body>
    <form   action=''>
    <input type="checkbox" name="EnCode" value=""  onclick="javascript:if (this.checked == true) {document.all('QueryTerm').disabled = true ;document.all('ChanageValue').disabled = true ;}else {document.all('QueryTerm').disabled = false ;document.all('ChanageValue').disabled = false ;}"> &nbsp;&nbsp;&nbsp;
        
        <tr bgcolor="#FFFFFF">
          <td height="31">查询条件：</td>
          <td>
          <select name="QueryTerm">
            <option value="HJ_TDH" selected>提单号</option>
            <option value="HJ_HXDH">手册号</option>
            <option value="HJ_SJH">商检号</option>
            <option value="HJ_BGDH">报关单号</option>
            <option value="HJ_FPH">发票号</option>
          </select>
      </td>
        </tr>
        <tr bgcolor="#FFFFFF"> 
          <td height="31">关键字:</td>
          <td><input name="ChanageValue" type="text"> </td>
        </tr>
    </form>
    </body>
    </html>
      

  2.   

    你的代码没错，测试通过<script>
    function EnCode()
    {
      if(document.all.EnCode.checked)
        {
    document.all.QueryTerm.disabled=false;
    //document.all.ChanageValue.disabled=false;
        }
      else 
        {
    document.all.QueryTerm.disabled=true;
    //document.all.ChanageValue.disabled=true;
    }
    }
    </script>
    <body>
        <input type="checkbox" name="EnCode" value="" onClick="EnCode()">
        <table>
        <tr bgcolor="#FFFFFF">
          <td height="31">查询条件：</td>
          <td>
          <select name="QueryTerm">
            <option value="HJ_TDH" selected>提单号</option>
            <option value="HJ_HXDH">手册号</option>
            <option value="HJ_SJH">商检号</option>
            <option value="HJ_BGDH">报关单号</option>
            <option value="HJ_FPH">发票号</option>
          </select>
      </td>
        </tr>
        <tr bgcolor="#FFFFFF"> 
          <td height="31">关键字:</td>
          <td><input name="ChanageValue" type="text"> </td>
        </tr>
    </table>
    </body>
      

  3.   

    引用document要加<body></body>标签
      

  4.   

    现加个disabled<select name="QueryTerm" disabled>
            <option value="HJ_TDH" selected>提单号</option>
            <option value="HJ_HXDH">手册号</option>
            <option value="HJ_SJH">商检号</option>
            <option value="HJ_BGDH">报关单号</option>
            <option value="HJ_FPH">发票号</option>
          </select>