ASP中如何实现通过对多个复选框的选择来控制相对应的多个DIV的显示,(同一个页面)
比如:页面顶部有A、B、C多个选项,当选择A时,则在页面下方显示A:文本框,再选择B,则继续再显示B:文本框,如果取消A,则原来显示的A:文本框也随之不显示了!请高手帮忙...
比如:页面顶部有A、B、C多个选项,当选择A时,则在页面下方显示A:文本框,再选择B,则继续再显示B:文本框,如果取消A,则原来显示的A:文本框也随之不显示了!
请高手帮忙给一下代码,万分感谢~ 展开
请高手帮忙给一下代码,万分感谢~ 展开
展开全部
这个通过JS来就能实现,而且方法很多,给你一个简单的示例:
<input type="button" value="A" onclick="javascript:showsth('a')"/>
<input type="button" value="B" onclick="javascript:showsth('b')"/>
<input type="button" value="C" onclick="javascript:showsth('c')" />
<div id="a" style="display:none">这里是A的内容</a>
<div id="b" style="display:none">这里是B的内容</a>
<div id="c" style="display:none">这里是C的内容</a>
<script>
function showsth(ms){
document.getElementById("a").display="none";
document.getElementById("b").display="none";
document.getElementById("c").display="none";
document.getElementById(ms).display="";
}
</script>
追问
谢谢你的回答,但我测试了,不行呢。选择后无法显示div的内容!而且我是想用多选项,你给我的是按钮!
追答
恩,是写错了,重新写了个给你,这个我已经测试过了,可以
A
B
C
这里是A的内容
这里是B的内容
这里是C的内容
function showsth(ms){
document.getElementById("a").style.display="none";
document.getElementById("b").style.display="none";
document.getElementById("c").style.display="none";
document.getElementById(ms).style.display="block";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询