<FORM name="frmTest" METHOD=POST ACTION="">
<INPUT TYPE="radio" NAME="a" onclick="frmTest.txtName.style.display=''">
<INPUT TYPE="radio" NAME="a" onclick="frmTest.txtName.style.display=''">
<INPUT TYPE="text" NAME="txtName" style='display:none'>
</FORM>
<INPUT TYPE="radio" NAME="a" onclick="frmTest.txtName.style.display=''">
<INPUT TYPE="radio" NAME="a" onclick="frmTest.txtName.style.display=''">
<INPUT TYPE="text" NAME="txtName" style='display:none'>
</FORM>
function DoClick (txtName)
{
txtName.style.display='';}
</script><FORM name="frmTest" METHOD=POST ACTION="">
<INPUT TYPE="radio" NAME="a" onclick="DoClick (frmTest.txtName)">
<INPUT TYPE="radio" NAME="a" onclick="DoClick (frmTest.txtName)">
<INPUT TYPE="text" NAME="txtName" style='display:none'>
</FORM>
{
if (frmTest.txtName.value="")
alert("输入不能这空");
frmTest.txtName.focus();
return false;}
<INPUT TYPE="radio" NAME="a" onclick="DoClick (frmTest.txtName)">
<INPUT TYPE="radio" NAME="a" onclick="DoClick (frmTest.txtName)">
/*--------<tr><td>
<INPUT TYPE="text" NAME="txtName" style='display:none'>
</td></tr>---------*/
</FORM>
注释部分要在onclick后才显示出来。
<!--
function getTextBox(OBJ)
{
if (OBJ)
{
//如果已经显示了text input对象,就直接返回
if (document.all.item(OBJ.name+"_TextBox")) return;
//如果是radio对象,就在最后一个对象后面添加,否则就直接在该对象后面添加
var length=document.all.item(OBJ.name).length;
if (length)
OBJ=document.all.item(OBJ.name)[length-1]; OBJ.outerHTML+="<input type='text' name='"+OBJ.name+"_TextBox' size=20>";
}
}
//-->
</SCRIPT>
<FORM METHOD=POST ACTION="">
TEST1:
<INPUT TYPE="radio" NAME="a" onclick="getTextBox(this)">
<INPUT TYPE="radio" NAME="a" onclick="getTextBox(this)"><BR>
TEST2:
<INPUT TYPE="checkbox" NAME="b" onclick="getTextBox(this)"><BR>TEST3:
<INPUT TYPE="button" NAME="c" onclick="getTextBox(this)"><BR>TEST4:
<INPUT TYPE="text" NAME="b" onclick="getTextBox(this)"><BR>TEST5:
<SPAN NAME=E onclick="getTextBox(this)" STYLE="COLOR:#0000FF">点击测试</span>.....</FORM>
<td bgcolor="#CAD8E1">
<input checked name=mode type=radio value=A>
A
<input name=mode type=radio value=B>
B
<input name=mode type=radio value=B onclick=..>
C</td>
</tr>onclick 在下一行中输出下面内容:<tr bgcolor="#eff3f6">
<td align=right>我来了:</td>
<td bgcolor="#eff3f6">
<INPUT TYPE="text" name="Come">
</td>
</tr>
<!--
var IntoItem=0;
function getRow(OBJ)
{
if (OBJ.parentElement)
{
var thisTR=OBJ.parentElement.parentElement;
if (thisTR)
{
if (thisTR.alt) return;
thisTR.alt="Index:"+IntoItem; var TableOBJ=thisTR.parentElement;
var newTR,newTD; RowIndex=thisTR.rowIndex+1;
newTR=TableOBJ.insertRow(RowIndex);
newTR.bgcolor="#eff3f6"; newTD=newTR.insertCell(0);
newTD.align='right';
newTD.innerHTML='这是插入的第'+(IntoItem+1)+'行:'; newTD=newTR.insertCell(1);
newTD.bgcolor='#eff3f6';
newTD.innerHTML='<INPUT TYPE="text" name="Come"'+(IntoItem++)+'>';
}
}
}//-->
</SCRIPT>.....<table>
<tr>
<td>问题1:</td>
<td bgcolor="#CAD8E1">
<input checked name=mode type=radio value=A onclick="getRow(this)">
A
<input name=mode type=radio value=B onclick="getRow(this)">
B
<input name=mode type=radio value=B onclick="getRow(this)">
C</td>
</tr>
<tr>
<td>问题2:</td>
<td bgcolor="#CAD8E1">
<input checked name=mode type=radio value=A onclick="getRow(this)">
A
<input name=mode type=radio value=B onclick="getRow(this)">
B
<input name=mode type=radio value=B onclick="getRow(this)">
C</td>
</tr>
<tr>
<td>问题3:</td>
<td bgcolor="#CAD8E1">
<input checked name=mode type=radio value=A onclick="getRow(this)">
A
<input name=mode type=radio value=B onclick="getRow(this)">
B
<input name=mode type=radio value=B onclick="getRow(this)">
C</td>
</tr>
</table>.....