在checkbox的行为中定义一个函数,改变textbox 的readonly属性就可以了

解决方案 »

  1.   

    <input type="checkbox" name="ch" onclick="kiss(this)"><input type="text" name="tx" readOnly>
    <script language="JavaScript">
    <!--
    function kiss(obj)
    {
       if(obj.checked)
         document.all.tx.readOnly = false;
       else
         document.all.tx.readOnly = true;
    }
    //-->
    </script>
      

  2.   

    <BODY>
    <SCRIPT language="javascript">
    function test()
    {
    var oCheck = document.all.chk;
    var oText = document.all.txt;
    if(oCheck.checked == true)
    oText.readOnly = true;
    else
    oText.readOnly = false;
    }
    </SCRIPT>
    <FORM name="form1" method="post" action="">
      <INPUT type="checkbox" name="checkbox" value="checkbox" id="chk" onClick="test()">
      <INPUT type="text" name="textfield" id="txt">
    </FORM>
    </BODY>
      

  3.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>查询记录</title>
    <script language="JavaScript">
      <!--
                 
           
         function change()
         {
           if(f2.CheckBox1.checked)
           {
             f2.BeginDate.disabled=false;         
           }
           else
           {
             f2.BeginDate.disabled=true;
             f2.BeginDate.value="";
           }     
         }
       
           
      //-->
    </script>
    </head><body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0">
    <table width="180" border="0" cellpadding="0" cellspacing="0">
       <tr><td height="20">&nbsp;&nbsp;<input type="checkbox" name="CheckBox1" value="1" onclick="javascript:change()">
                <td height="30">&nbsp;&nbsp; 日期 
                  <input type="text" name="BeginDate" size="8" maxlength="8" disabled="true">
                 </td>
              </tr>
                        
    </table>
    </body>
    </html>
    这个顺便还可以清空TEXT的值