单选按钮控制div的显示和隐藏的问题，解决不了啊，高手给看看啊！

document.getElementById(ck).style.display = "none";//取id少引号
//document.getElementById('ck').style.display = "none";

解决方案 »

  1.   


    <script language="javascript"> 
    function displayck(){ 
    document.getElementById('ck').style.display = ""; 
    document.getElementById('cl').style.display = "none"; 
    } 
    function displaycl(){ 
    document.getElementById('ck').style.display = "none"; 
    document.getElementById('cl').style.display = ""; 
    } 
    </script> 
      

  2.   


    <title>无标题文档 </title> 
    </head> <body> 
    <form id="form1" name="form1" method="post" action=""> 
      <table width="700" border="0" align="center"> 
        <tr> 
          <td width="150"> <div align="right">请选择查询类型： </div> </td> 
          <td width="200"> <label> 
            <input name="querytype" type="radio" value="ck" checked="checked" onClick="show(this)"/> 
          仓库 
          <input type="radio" name="querytype" value="cl" onClick="show(this)"/> 
          材料 </label> </td> 
          <td width="200"> <div id="ck" style="display:block"> <select name="ck" id="ck"> 
            <option selected="selected">请选择仓库 </option> 
          </select> </div> 
      <div id="cl" style="display:none"> 
      <select name="select"> 
      <option selected="selected">请选择材料 </option> 
          </select> 
      </div> 
          </td> 
          <td> <input type="submit" name="Submit" value="查询" /> </td> 
        </tr> 
      </table> 
    </form> 
    </body> 
    </html> 
    <script language="javascript"> 
    function show(obj){ 
    if(obj.value=='ck'){
    document.getElementById('ck').style.display = ""; 
    document.getElementById('cl').style.display = "none"; 
    }else{
    document.getElementById('ck').style.display = "none"; 
    document.getElementById('cl').style.display = ""; 
    }} </script> 
      

  3.   

    <form  name=mxh3>
    <div id=mxh1 style="position:absolute;visibility: hidden"><input value="dtest" type="text"></div>
    <div id=mxh2 style="position:absolute;visibility: hidden"><input value="d" type="text"></div>
    <!--<input  name=aa  type=radio  onclick="document.all.mxh2.style.visibility='visible'">显示--><br><br>
    <input  name=aa  type=radio  onclick="change()">显示
    <input  name=aa  type=radio  onclick="change1()">隐藏
    <!--<input  name=aa  type=radio  onclick="document.all.mxh2.style.visibility='hidden'">隐藏-->
    </form>
    <script>
    function change(){
      document.all.mxh2.style.visibility='visible';
      document.all.mxh1.style.visibility='hidden';
    }
    function change1(){
      document.all.mxh2.style.visibility='hidden';
      document.all.mxh1.style.visibility='visible';
    }
    </script>
      

  4.   

    <script>
    function f()
    {
     for(i=0;i<this.form1.n1.length;i++)
     {
      if (this.form1.n1[i].checked==true)
       {
       var array = new Array();
    array = ["1","2","3"];
       var a=this.form1.n1[i].value;
        if(a==1){
    document.getElementById("Layer1").style.display="block";
      for(var i = 0; i<array.length;i++){
    if(array[i]!=1)
    {
    document.getElementById("Layer"+array[i]).style.display="none";
    }
      }  
    }
         if(a==2){
    document.getElementById("Layer2").style.display="block";
      for(var i = 0; i<array.length;i++){
    if(array[i]!=2)
    {
    document.getElementById("Layer"+array[i]).style.display="none";
    }
      }

    }
      if(a==3){
    document.getElementById("Layer3").style.display="block";
      for(var i = 0; i<array.length;i++){
    if(array[i]!=3)
    {
    document.getElementById("Layer"+array[i]).style.display="none";
    }
      }
     
    }
       }
     }
    }
    </script>
    <style type="text/css">
    <!--
    #Layer1 {
       display:none;
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 167px;
    top: 103px;
    }
    #Layer2 {
        display:none;
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
    left: 308px;
    top: 168px;
    }
    #Layer3 {
        display:none;
    position:absolute;
    width:200px;
    height:115px;
    z-index:3;
    left: 149px;
    top: 149px;
    }
    -->
    </style>
    <div id="Layer3">
      <p>12222222222222231232131232132132</p>
      <p>2131222222222222222221321</p>
    </div>
    <div id="Layer2">
      <p>dfgdfgdfgdfgfffffdgf</p>
      <p>fgfdgfdgfgfgfgfgfgfgfgf</p>
    </div>
    <form name="form1">
    <input type=radio name=n1 value="1" onclick="return f()">新浪
    <input type=radio name=n1 value="2" onclick="return f()">google
    <input type=radio name=n1 value="3" onclick="return f()">sohu<div id="Layer1">阿萨德首都师大速度阿德阿萨德阿斯</div>
    </form>