祝大家新年好。100分问个问题，解决就送分！

<input type="radio" name="radiobutton" value="radiobutton" onSelect="JavaScript:showme()">
<div id="select1" style="visibility:hidden;position:absolute;">
<td></td>
</div><input type="radio" name="radiobutton1" value="radiobutton" onSelect="JavaScript:showyou()">
<div id="select2" style="visibility:hidden;position:absolute;">
<td></td>
</div>function showme()
    {
     document.select1.style.visibility="visible";
   document.select1.style.position="";
   document.select2.style.visibility="hidden";
    document.select2.style.position="absolute";
    }
    
    function showyou()
    {
     document.select2.style.visibility="visible";
   document.select2.style.position="";
   document.select1.style.visibility="hidden";
    document.select1.style.position="absolute";
    }
javascript菜鸟，请问这个怎么写呢？我想选择一个单选按钮，然后显示一个div,隐藏一个div
怎么实现呢？谢谢！

解决方案 »

  1.   

    <input type="radio" name="radiobutton"  onClick="JavaScript:showme()">
    <div id="select1">
    <table>
    <tr>
    <td>select1 div</td>
    </tr>
    </table>
    </div><input type="radio" name="radiobutton"  onClick="JavaScript:showyou()">
    <div id="select2">
    <table>
    <tr>
    <td>select2 div</td>
    </tr>
    </table></div>
    <script language="JavaScript">
    function showme()
        {
         document.all.select1.style.display="";
    document.all.select2.style.display="none";
        }
        
        function showyou()
        {
         document.all.select1.style.display="none";
    document.all.select2.style.display="";
        }
    </script>
      

  2.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    </HEAD>
    <BODY>
    <form name="exp">
    <table >
    <tr><td>
    <input type="radio" name="radiobutton" value="0" onClick="show();">
    <div id="select1" style="position:absolute;display:none">ssssssssssssss</div>
    </td></tr>
    <tr><td>
    <input type="radio" name="radiobutton" value="1" onClick="show();">
    <div id="select2" style="position:absolute;display:block">dddddddddddddddd</div>
    </td></tr>
    </table>
    </form>
    </BODY>
    <script language="JavaScript">
    function show(){
    var flag = get_radio_value(document.exp.radiobutton);
    if(flag==0){
    document.all.select1.style.display="block";
    document.all.select2.style.display="none";
    }else if(flag==1){
    document.all.select1.style.display="none";
    document.all.select2.style.display="block";
    }
    }
    function get_radio_value(radio_array){
      for (var i=0; i < radio_array.length; i++) { 
        if (radio_array[i].checked){
          return radio_array[i].value;
        }
      }
    }
    </script>
    </HTML>
    我已经验证过可以实现楼主所需功能；有问题我们再讨论；
      

  3.   

    style.display属性，在“none”和“block”之间切换。楼上正确。