注册 登录
编程论坛 ASP技术论坛

请教一下表单单选按钮的问题

jtws2008 发布于 2010-05-29 16:30, 422 次点击
有两个单选按钮,两个文本框A和B
按第一个单选按钮时,文本框A为不可编辑状态,B为可编辑状态
按第二个单选按钮时,文本框B为不可编辑状态。A为可编辑状态

请问这个功能如何实现?
1 回复
#2
yms1232010-05-29 17:25
<html>
<head>
<title>不可编辑文本框</title>
<script language="javascript">
function selTxt_Click()
{
   //如果单选框1被选中
   if(document.form1.selTxt[0].checked)
       TxtReadOnly(true,false);
   if(document.form1.selTxt[1].checked)
       TxtReadOnly(false,true);
 
}
function TxtReadOnly(TxtA,TxtB)
{
   //设置文本框的只读属性
   document.form1.txtA.readOnly=TxtA;
   document.form1.txtB.readOnly=TxtB;
}
</script>
</head>
<body>
<form name="form1">
<input type="radio" onClick="selTxt_Click();" name="selTxt" >文本框A&nbsp;
<input type="radio" onClick="selTxt_Click();" name="selTxt" >文本框B&nbsp;<br>
<input type="text" name="txtA" >文本框A
<input type="text" name="txtB" >文本框B
</form>
</body>
</html>
1