<tr bgcolor=#ffffff><td width=100 rowspan=3>类别</td>
<td width=80>&nbsp;<input type=radio name=ssglb value="gcsg">工程</td>
<td width=650>
&nbsp;工 程 名称:<input type=text name=addgcmc size=50 maxlength=40><br>
&nbsp;施工许可证:<input type=text name=addgcsgh size=50 maxlength=40><br>
&nbsp;施 工 内容:<input type=text name=addgcnr size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80>&nbsp;<input type=radio name=ssglb value="qx">抢修</td><td width=650>
&nbsp;&nbsp;&nbsp;障 单 号:<input type=text name=addqxdh size=50 maxlength=40><br>
&nbsp;&nbsp;&nbsp;工作证号:<input type=text name=addqxgzz size=50 maxlength=40><br>
&nbsp;&nbsp;&nbsp;抢修内容:<input type=text name=addqxnr size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80>&nbsp;<input type=radio name=ssglb value="qt">其他</td><td width=650>
&nbsp;&nbsp;&nbsp;工作证号:<input type=text name=addqtgzz size=50 maxlength=40><br>
&nbsp;&nbsp;&nbsp;其他内容:<input type=text name=addqtnr size=70 maxlength=60>
</td>
</tr>

解决方案 »

  1.   

    Load阶段将所有的Input,disabled=true;
    然后在radio的click事件里启用对应input
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT=""> </HEAD> <BODY onload="init()">
      <table>
      <tr bgcolor=#ffffff><td width=100 rowspan=3>类别</td>
    <td width=80>&nbsp;<input type=radio name=ssglb value="gcsg" onclick="resume(this)">工程</td>
    <td width=650>
    &nbsp;工 程 名称:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;施工许可证:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;施 工 内容:<input type=text name=add size=70 maxlength=60>
    </td>
    </tr><tr bgcolor=#ffffff>
    <td width=80>&nbsp;<input type=radio name=ssglb value="qx" onclick="resume(this)">抢修</td><td width=650>
    &nbsp;&nbsp;&nbsp;障 单 号:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;&nbsp;&nbsp;工作证号:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;&nbsp;&nbsp;抢修内容:<input type=text name=add size=70 maxlength=60>
    </td>
    </tr><tr bgcolor=#ffffff>
    <td width=80>&nbsp;<input type=radio name=ssglb value="qt" onclick="resume(this)">其他</td><td width=650>
    &nbsp;&nbsp;&nbsp;工作证号:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;&nbsp;&nbsp;其他内容:<input type=text name=add size=70 maxlength=60>
    </td>
    </tr>
      </table>    <script>
    var name=document.getElementsByName("add");
    var len =name.length;
      function init(){
    for(i=0;i<len;i++)
    name[i].disabled = true;
      }
      function resume(t){ switch(t.value)
    {
    case "gcsg": name[0].disabled = false;name[1].disabled =false; name[2].disabled = false;break;
    case "qx": name[3].disabled =false; name[4].disabled =false; name[5].disabled = false;break;
    case "qt": name[6].disabled = false;name[7].disabled= false;break;
    }
      }
      </script>
     </BODY>
    </HTML>
      

  3.   

    我都试过了,因一个类别有三个INPUT,如果在RADIO里用CLICK事件只能对一个INPUT,不知道怎样多多个INPUT,请指教
      

  4.   

    hij333
    功能基本能实现,但我按了其中一类后,再按第二类时,第一类就不能禁止。我想要按那个类别就哪个类别允许,其他的就禁止,请多多帮忙
      

  5.   

    妥了,SF注:限 IE!L@_@K<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> disabled true or false  </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="[email protected]" />
      <meta name="keywords" content="javascript" />
      <meta name="description" content="for javascript region of csdn" />
     </head> <body>
      <table>
        <tr bgcolor=#ffffff>
            <td width=100 rowspan=3>类别</td>
            <td width=80>&nbsp;<input type=radio name=ssglb value="gcsg">工程</td>
            <td width=650>
                &nbsp;工 程 名称:<input type=text name=addgcmc size=50 maxlength=40><br>
                &nbsp;施工许可证:<input type=text name=addgcsgh size=50 maxlength=40><br>
                &nbsp;施 工 内容:<input type=text name=addgcnr size=70 maxlength=60>
            </td>
        </tr>
        <tr bgcolor=#ffffff>
            <td width=80>&nbsp;<input type=radio name=ssglb value="qx">抢修</td>
            <td width=650>
                &nbsp;&nbsp;&nbsp;障 单 号:<input type=text name=addqxdh size=50 maxlength=40><br>
                &nbsp;&nbsp;&nbsp;工作证号:<input type=text name=addqxgzz size=50 maxlength=40><br>
                &nbsp;&nbsp;&nbsp;抢修内容:<input type=text name=addqxnr size=70 maxlength=60>
            </td>
        </tr>    <tr bgcolor=#ffffff>
            <td width=80>&nbsp;<input type=radio name=ssglb value="qt">其他</td>
            <td width=650>
                &nbsp;&nbsp;&nbsp;工作证号:<input type=text name=addqtgzz size=50 maxlength=40><br>
                &nbsp;&nbsp;&nbsp;其他内容:<input type=text name=addqtnr size=70 maxlength=60>
            </td>
        </tr>
      </table>
      <script type="text/javascript">
      <!--
    var colInput = document.getElementsByTagName("input");
    var oInput;
    for (var i=0; i<colInput.length; i++)
    {
        oInput = colInput[i];
        switch (oInput.type)
        {
            case "text":
                oInput.disabled = true;
                break;
            case "radio":
                oInput.onpropertychange = function() {
                    var oSiblingTd = this.parentNode.nextSibling;
                    var colText = oSiblingTd.getElementsByTagName("input");
                    for (var j=0; j<colText.length; j++)
                    {
                        if (colText[j].type=="text")
                        {
                            colText[j].disabled = !this.checked;
                        }
                    }
                };
                break;
        }
    }
      //-->
      </script>
     </body>
    </html>
      

  6.   

    俺偷懒用了 onpropertychange,似乎只有 IE 才支持,哈
      

  7.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT=""> </HEAD> <BODY onload="init()">
      <table>
      <tr bgcolor=#ffffff><td width=100 rowspan=3>类别</td>
    <td width=80>&nbsp;<input type=radio name=ssglb value="gcsg" onclick="resume(this)">工程</td>
    <td width=650>
    &nbsp;工 程 名称:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;施工许可证:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;施 工 内容:<input type=text name=add size=70 maxlength=60>
    </td>
    </tr><tr bgcolor=#ffffff>
    <td width=80>&nbsp;<input type=radio name=ssglb value="qx" onclick="resume(this)">抢修</td><td width=650>
    &nbsp;&nbsp;&nbsp;障 单 号:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;&nbsp;&nbsp;工作证号:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;&nbsp;&nbsp;抢修内容:<input type=text name=add size=70 maxlength=60>
    </td>
    </tr><tr bgcolor=#ffffff>
    <td width=80>&nbsp;<input type=radio name=ssglb value="qt" onclick="resume(this)">其他</td><td width=650>
    &nbsp;&nbsp;&nbsp;工作证号:<input type=text name=add size=50 maxlength=40><br>
    &nbsp;&nbsp;&nbsp;其他内容:<input type=text name=add size=70 maxlength=60>
    </td>
    </tr>
      </table>    <script>
    var name=document.getElementsByName("add");
    var len =name.length;
      function init(){
    for(i=0;i<len;i++)
    name[i].disabled = true;
      }   function resume(t){
    switch(t.value)
    {
    case "gcsg": for(i=0;i<len;i++)
    {
    if(i<3) 
    {
    name[i].disabled = false;
    }
    else
    {
    name[i].disabled = true;
    } }break;
    case "qx": for(i=0;i<len;i++)
    {
    if(i>2&&i<6) 
    {
    name[i].disabled = false;
    }
    else
    {
    name[i].disabled = true;
    } }break;
    case "qt": for(i=0;i<len;i++)
    {
    if(i>5) 
    {
    name[i].disabled = false;
    }
    else
    {
    name[i].disabled = true;
    } }break;
    }
      } 
      </script>
     </BODY>
    </HTML>
      

  8.   

    To hij333(我会改签名了.YEAH) 居然根据 value 判断,太离谱了吧,哈
      

  9.   

    yixianggao
    谢谢,功能能实现,但在此网页中的其他INPUT都被禁止咯
    点解决呀
      

  10.   

    没有更好的了吗?yixianggao的方法不太好哦