在页面选中一个 复选框 就显示出一个div层  层里面装 一个输入框.
在复选框勾点击没了的时候,div 层也随着隐藏了。
                 
                     以上用jquery 怎么实现的?
 谢谢!

解决方案 »

  1.   

    var checkObj = $("#checkId");
    var divObj = $("#divId");
    if(checkObj.attr('checked')){
      divObj.show();
    }esle{
      divObj.hide();
    }
      

  2.   

    <html>
    <head>
    <script type="text/javascript" src="jquery-1.7.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#div1").hide();//初始隐藏div
        $("#checkbox1").click(function(){
        if($(this).attr("checked")){
                $("#div1").show();
    }
            else{
                $("#div1").hide();
    }
    })
    })
    </script>
    </head>
    <body>
    <input type="checkbox" id="checkbox1"/>
    <div id="div1">
    <input type="checkbox" id="checkbox2"/>
    </div>
    </body>
    </html>