<tr bgcolor=#ffffff><td width=100 rowspan=3>类别</td>
<td width=80> <input type=radio name=ssglb value="gcsg">工程</td>
<td width=650>
工 程 名称:<input type=text name=addgcmc size=50 maxlength=40><br>
施工许可证:<input type=text name=addgcsgh size=50 maxlength=40><br>
施 工 内容:<input type=text name=addgcnr size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qx">抢修</td><td width=650>
障 单 号:<input type=text name=addqxdh size=50 maxlength=40><br>
工作证号:<input type=text name=addqxgzz size=50 maxlength=40><br>
抢修内容:<input type=text name=addqxnr size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qt">其他</td><td width=650>
工作证号:<input type=text name=addqtgzz size=50 maxlength=40><br>
其他内容:<input type=text name=addqtnr size=70 maxlength=60>
</td>
</tr>
<td width=80> <input type=radio name=ssglb value="gcsg">工程</td>
<td width=650>
工 程 名称:<input type=text name=addgcmc size=50 maxlength=40><br>
施工许可证:<input type=text name=addgcsgh size=50 maxlength=40><br>
施 工 内容:<input type=text name=addgcnr size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qx">抢修</td><td width=650>
障 单 号:<input type=text name=addqxdh size=50 maxlength=40><br>
工作证号:<input type=text name=addqxgzz size=50 maxlength=40><br>
抢修内容:<input type=text name=addqxnr size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qt">其他</td><td width=650>
工作证号:<input type=text name=addqtgzz size=50 maxlength=40><br>
其他内容:<input type=text name=addqtnr size=70 maxlength=60>
</td>
</tr>
然后在radio的click事件里启用对应input
<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> <input type=radio name=ssglb value="gcsg" onclick="resume(this)">工程</td>
<td width=650>
工 程 名称:<input type=text name=add size=50 maxlength=40><br>
施工许可证:<input type=text name=add size=50 maxlength=40><br>
施 工 内容:<input type=text name=add size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qx" onclick="resume(this)">抢修</td><td width=650>
障 单 号:<input type=text name=add size=50 maxlength=40><br>
工作证号:<input type=text name=add size=50 maxlength=40><br>
抢修内容:<input type=text name=add size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qt" onclick="resume(this)">其他</td><td width=650>
工作证号:<input type=text name=add size=50 maxlength=40><br>
其他内容:<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>
功能基本能实现,但我按了其中一类后,再按第二类时,第一类就不能禁止。我想要按那个类别就哪个类别允许,其他的就禁止,请多多帮忙
<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> <input type=radio name=ssglb value="gcsg">工程</td>
<td width=650>
工 程 名称:<input type=text name=addgcmc size=50 maxlength=40><br>
施工许可证:<input type=text name=addgcsgh size=50 maxlength=40><br>
施 工 内容:<input type=text name=addgcnr size=70 maxlength=60>
</td>
</tr>
<tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qx">抢修</td>
<td width=650>
障 单 号:<input type=text name=addqxdh size=50 maxlength=40><br>
工作证号:<input type=text name=addqxgzz size=50 maxlength=40><br>
抢修内容:<input type=text name=addqxnr size=70 maxlength=60>
</td>
</tr> <tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qt">其他</td>
<td width=650>
工作证号:<input type=text name=addqtgzz size=50 maxlength=40><br>
其他内容:<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>
<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> <input type=radio name=ssglb value="gcsg" onclick="resume(this)">工程</td>
<td width=650>
工 程 名称:<input type=text name=add size=50 maxlength=40><br>
施工许可证:<input type=text name=add size=50 maxlength=40><br>
施 工 内容:<input type=text name=add size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qx" onclick="resume(this)">抢修</td><td width=650>
障 单 号:<input type=text name=add size=50 maxlength=40><br>
工作证号:<input type=text name=add size=50 maxlength=40><br>
抢修内容:<input type=text name=add size=70 maxlength=60>
</td>
</tr><tr bgcolor=#ffffff>
<td width=80> <input type=radio name=ssglb value="qt" onclick="resume(this)">其他</td><td width=650>
工作证号:<input type=text name=add size=50 maxlength=40><br>
其他内容:<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>
谢谢,功能能实现,但在此网页中的其他INPUT都被禁止咯
点解决呀