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

单选框控制表格中行的显示与隐藏的问题,请各位赐教!

liu_libra 发布于 2008-11-25 19:33, 1892 次点击
我想实现的功能是:当用户选择链接网站单选框时时则显示链接网站网址这一行,而隐藏后面的几行,如果用户选择链接网站模块单选框时则隐藏链接网站网址而显示后面的几行,当用户选择链接网页广告时则显示链接网页网址这一行而隐藏其他的(这一行图中未显示),请问这样的功能怎么来实现?

[[it] 本帖最后由 liu_libra 于 2008-11-25 20:38 编辑 [/it]]
13 回复
#2
liu_libra2008-11-25 19:35
版主,怎么发不了图片啊?
#3
谁与争疯2008-11-25 20:23
我昏,你直接链接本地文件。
我觉得你还是先学习一下计算机基础,然后再学编程,会事半功倍。
#4
liu_libra2008-11-25 20:27
楼上的没看懂我的意思
#5
liu_libra2008-11-25 20:29
这个是单选框控制显示与隐藏的问题,不是链接的问题,图片发不了可能不太容易理解我的意思
#6
谁与争疯2008-11-25 20:29
你才没看懂我的意思,我是说你发的图片,要上传成附件才会显示。
你右击本地图片获取的地址,放在这里是显示不出的/
#7
liu_libra2008-11-25 20:31
哦,呵呵,不好意思,弄错了你的意思,不过回复里不能发图片啊
#8
谁与争疯2008-11-25 20:34
不要用快速回复。
你编辑你的帖子,这样就会显示工具栏的了。
在发帖子的框框下面,有上传附件。
#9
liu_libra2008-11-25 21:29
有人吗?没人回答哦
#10
sunfishy2008-11-26 16:47
粗略写法如下:
//--------------------
<script>
function goto(){
var cked=document.getElementsByName("link");
var content=document.getElementById("con");
for(var i=0;i<cked.length;i++){
if(cked[0].checked){
content.innerHTML="链接网站:<input type=text size=50>";
return false;
break;
}
if(cked[1].checked){
content.innerHTML="this is adv";
return false;
break;
}
if(cked[2].checked){
content.innerHTML="this is temp";
return false;
break;
}
}
}
</script>
<body>
<input type="radio" name="link" id="k1" value="url" onclick="goto();" checked>网址
<input type="radio" name="link" id="k2" value="adv" onclick="goto();">广告
<input type="radio" name="link" id="k3" value="template" onclick="goto();">模板
<div id="con">链接网站:<input type=text size=50></div>
#11
lackyking2008-11-26 18:59
楼上正解,对HTML操作,得JS
#12
liu_libra2008-11-26 19:11
谢谢楼上的,可是我要显示的是表格的某几行,不是类似this is adv的文本,如果将this is adv换成表格的HTML代码就不行了啊,我不知道怎么改了
#13
sunfishy2008-11-26 19:55
<script>
function goto(){
var cked=document.getElementsByName("link");
var content=document.getElementById("con");
var table2="<table width=\"200\" border=\"1\"><tr><td>1</td><td>1</td><td>1</td></tr><tr><td>2</td><td>2</td><td>2</td></tr><tr><td>3</td><td>3</td><td>3</td></tr></table>"
for(var i=0;i<cked.length;i++){
if(cked[0].checked){
content.innerHTML="链接网站:<input type=text size=50>";
return false;
break;
}
if(cked[1].checked){
content.innerHTML=table2;
return false;
break;
}
if(cked[2].checked){
content.innerHTML="this is temp";
return false;
break;
}
}
}
</script>
<body>
<input type="radio" name="link" id="k1" value="url" onclick="goto();" checked>网址
<input type="radio" name="link" id="k2" value="adv" onclick="goto();">广告
<input type="radio" name="link" id="k3" value="template" onclick="goto();">模板
<div id="con">链接网站:<input type=text size=50></div>
</body>
#14
liu_libra2008-11-26 19:59
太感谢了!
1