js+层 效果(100分)


        效果演示：http://price.pchome.net/list___39___2_.html  
        点击checkbox时，层里的数据就动态显示，
        
        请那位兄弟提供相关实现程序代码，在线等...    邮箱：[email protected]

解决方案 »

  1.   

    你的例子中的效果并不好，
    最简单的方法是每个checkbox都复制一个在层里（比如ID加个后缀），然后对checkbox加事件进行同步隐藏或显示层里的那个checkbox。
    在checkbox的事件里先判断是否有checkbox被选定来控制层的显隐。
      

  2.   

    <script language="javascript">
    <!--
    function view(chk)
    {
    if(chk.checked) document.getElementById(chk.id + "_p").checked = true;
    else  document.getElementById(chk.id + "_p").checked = false;
    }
    //-->
    </script>
    </head>
    <body>
    <form name="f">
    <INPUT type="checkbox" ID="Checkbox1" NAME="Checkbox1" onclick="view(this);"><label for="Checkbox1">sldfkjslk</label><br>
    <INPUT type="checkbox" ID="Checkbox2" NAME="Checkbox1" onclick="view(this);"><label for="Checkbox2">sldfkjslk</label><br>
    <INPUT type="checkbox" ID="Checkbox3" NAME="Checkbox1" onclick="view(this);"><label for="Checkbox3">sldfkjslk</label><br>
    <INPUT type="checkbox" ID="Checkbox4" NAME="Checkbox1" onclick="view(this);"><label for="Checkbox4">sldfkjslk</label>
    <div style="border:2px solid darkgray;width:50%;height:25%;position:absolute;left:25%;top:30%;">
    <INPUT type="checkbox" ID="Checkbox1_p" NAME="Checkbox1" ><label for="Checkbox1_p">sldfkjslk</label><br>
    <INPUT type="checkbox" ID="Checkbox2_p" NAME="Checkbox1"><label for="Checkbox2_p">sldfkjslk</label><br>
    <INPUT type="checkbox" ID="Checkbox3_p" NAME="Checkbox1"><label for="Checkbox3_p">sldfkjslk</label><br>
    <INPUT type="checkbox" ID="Checkbox4_p" NAME="Checkbox1"><label for="Checkbox4_p">sldfkjslk</label>
    </div>
    </form>
    </body>
      

  3.   

    兄弟，我想要的是http://price.pchome.net/list___39___2_.html  这个效果哦，，你注意看看，显示出来的是一个页面，不知是否用层来控制的
      

  4.   

    先把要隐藏的层 display:none
    然后在check事件里写上
    document.getElementById("").style.display   =   "";
    不就行了嘛