js+div 实现多选

通过js控制div层,实现多选.例如;
按钮      div层
A         --A
B         --B
C         --C就是说点 A  div层实现对A的显示,再此点A 对应的div隐藏.
如果 我点了A\B\C 三个 就出现三个 相应的 A\B\C的 div层

解决方案 »

  1.   

    div1.style.display="none";
    div1.style.display="";
      

  2.   

    一个小例子:
    <html>
    <head>
    <script language=javascript>
    function show(divName){
    var obj = document.getElementById(divName).style.display;
    document.getElementById(divName).style.display=(obj=="none")?"":"none";
    }
    </script>
    </head>
    <body>
    <input type=button value=A onclick="show('A');"/>
    <input type=button value=B onclick="show('B');"/>
    <input type=button value=C onclick="show('C');"/>
    <div id=A>A</div>
    <div id=B>B</div>
    <div id=C>C</div>
    </body>
    </html>
      

  3.   

    分别为三个DIV设置一个ID名：
    <div id ="a" >你要显示的内容</div>
    <div id ="b" >你要显示的内容</div>
    <div id ="c" >你要显示的内容</div>
    三个按钮：
    <input type="button"  name = "aa" value="Ａ"  onclick = "a()"/>
    <input type="button"  name = "bb" value="Ｂ"  onclick = "b()"/>
    <input type="button"  name = "cc" value="Ｃ"  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>