<script type="text/javascript">
  //<![CDATA[
var foo=function(o) {
var a=document.getElementById("bar");
var v='';
switch (o.value) {
case "r1":
v='never-online';
break;
case "r2":
v='BlueDestiny';
break;
default:
v='unkown';
}
a.innerHTML = v;
}
  //]]>
  </script>
  <body id="www.never-online.net">
<input type="radio" name="rg" value='r1' onclick="foo(this)"/>
<input type="radio" name="rg" value='r2' onclick="foo(this)"/>
<input type="radio" name="rg" value='r3' onclick="foo(this)"/>
<input type="radio" name="rg" value='r4' onclick="foo(this)"/>
<div id="bar"></div>
  </body>

解决方案 »

  1.   

    在请问一下,
    BlueDestiny(这回真的准备要改名字了...) 
    我用了你给的方法,但但当我开始进入这个页面时,两个文本都没出现,只有在我选中一个radio时他才出现
    我想当我进去这个页面是默认一个radio,显示这个radio触发的文本,谢谢了
      

  2.   

    控制文本框的可见性就行了
    document.all.textbox1.style.display = "none" //隐藏
    document.all.textbox1.style.display = ""  //显示
      

  3.   


    <input type="radio" name="rg" value='r1' checked onclick="foo(this)"/>
    <input type="radio" name="rg" value='r2' onclick="foo(this)"/>
    <input type="radio" name="rg" value='r3' onclick="foo(this)"/>
    <input type="radio" name="rg" value='r4' onclick="foo(this)"/>
    <div id="bar"></div>
    <script type="text/javascript">
    function foo(o){
      var a=document.getElementById("bar");
      var v='';
      switch (o.value) {
        case "r1":
        v='never-online';
        break;
        case "r2":
        v='BlueDestiny';
        break;
        case "r3":
        v="r3243";
        break;
        default:
        v='unkown';
      }
      a.innerHTML = v;
    }document.getElementById("bar").innerHTML="never-online";</script>
      

  4.   

    对radio对象用onmousedown事件或onclick事件, 即可实现, 楼上的例子都很详细了.