新手上路 基础问题

window.onload = function(){document.getElementById("a").style.display="none";}function chk()
{
if(XXXX.checked)
{
document.getElementById("b").style.display="none";
document.getElementById("a").style.display="";
}
}

解决方案 »

  1.   

    <html>
    <head>
    <title></title>
    <script>
    function show()
    {
    if(ck.checked)
    {
    A.style.display="";
    B.style.display="none";
    }
    else
    {
    A.style.display="none";
    B.style.display="";
    }
    }
    </script>
    </head>
    <body>
    <div id="A" style="width:100px;display:none;height:80px;background-color:red">
    adfssdfsdf
    </div> <div id="B" style="width:100px;height:80px;background-color:blue">
    sdfsdfds
    </div> <input type="checkbox" id="ck" onclick="show()"/>选择
    </body>
    </html>
      

  2.   

    <html>
    <head>
    <title></title>
    <script>
    function show()
    {
    if(ck.checked)
    {
    A.style.display="";
    B.style.display="none";
    }
    else
    {
    A.style.display="none";
    B.style.display="";
    }
    }
    </script>
    </head>
    <body>
    <div id="A" style="width:100px;display:none;height:80px;background-color:red">
    AAAAAAAAAAAAAA
    </div> <div id="B" style="width:100px;height:80px;background-color:blue">
    BBBBBBBBBBBBBBBB
    </div> <input type="checkbox" id="ck" onclick="show()"/>选择
    </body>
    </html>
      

  3.   


    <html> 
    <head> 
    <title> </title> 
    <script> 
    function show() 
    { 
    if(ck.checked) 
    { 
    A.style.display="visiblity"; 
    B.style.display="none"; 
    } 
    else 
    { 
    A.style.display="none"; 
    B.style.display="visiblity"; 
    } 
    } 
    </script> 
    </head> 
    <body> 
    <div id="A" style="width:250px;display:none;height:2000px;"> 
    adfssdfsdf 
    </div> <div id="B" style="width:100px;height:80px;>