| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 420 人关注过本帖
标题:请教一下表单单选按钮的问题
只看楼主 加入收藏
jtws2008
Rank: 1
等 级:新手上路
帖 子:15
专家分:0
注 册:2007-8-4
结帖率:60%
收藏
 问题点数:0 回复次数:1 
请教一下表单单选按钮的问题
有两个单选按钮,两个文本框A和B
按第一个单选按钮时,文本框A为不可编辑状态,B为可编辑状态
按第二个单选按钮时,文本框B为不可编辑状态。A为可编辑状态

请问这个功能如何实现?
搜索更多相关主题的帖子: 按钮 
2010-05-29 16:30
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 
<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>
2010-05-29 17:25
快速回复:请教一下表单单选按钮的问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.048014 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved