首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

js+div 兑现多选

2011-11-24 
js+div 实现多选通过js控制div层,实现多选.例如按钮div层A--AB--BC--C就是说点Adiv层实现对A的显示,再此

js+div 实现多选
通过js控制div层,实现多选.例如;
按钮             div层
A                   --A
B                   --B
C                   --C

就是说点   A     div层实现对A的显示,再此点A   对应的div隐藏.
如果   我点了A\B\C   三个   就出现三个   相应的   A\B\C的   div层



[解决办法]
用个单击函数 使3个层隐藏或显示就行啊
[解决办法]
div1.style.display= "none ";
div1.style.display= " ";
[解决办法]
分别为三个DIV设置一个ID名:
<div id = "a " > 你要显示的内容 </div>
<div id = "b " > 你要显示的内容 </div>
<div id = "c " > 你要显示的内容 </div>
三个按钮:
<input type= "button " name = "aa " value= "A " onclick = "a() "/>
<input type= "button " name = "bb " value= "B " onclick = "b() "/>
<input type= "button " name = "cc " value= "C " onclick = "c() "/>

<script language= "javascript ">
function a(){
document.form.all( "a ").style.visibility= "visible ";
}
function b(){
document.form.all( "b ").style.visibility= "visible ";
}
function c(){
document.form.all( "c ").style.visibility= "visible ";
}
</script>

热点排行