用单选按钮的单选事件来让层显示不同内容

用单选按钮的单选事件来让层显示不同内容<br/>
用单选按钮的单选事件来让层显示不同内容<br/>
用单选按钮的单选事件来让层显示不同内容

解决方案 »

  1.   


    <script>
    window.onload=function(){
    var rds = document.forms[0].rd;
    for(var i=0;i<rds.length;i++){
    rds[i].onclick = (function(r){
    return function(){
    document.getElementById("pad").innerHTML =  document.getElementById("d" + r.value).innerHTML;
    }
    })(rds[i]);
    }
    }
    </script>
    <form>
    <input type="radio" name="rd" value="0">
    <input type="radio" name="rd" value="1">
    <input type="radio" name="rd" value="2">
    </form>
    <div id="pad"></div>
    <div id="d0" style="display:none">0000</div>
    <div id="d1" style="display:none">1111</div>
    <div id="d2" style="display:none">22222</div>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
      <script>
    function change(obj,num)
    {
    if(obj.checked)
    {
    var showdiv=document.getElementsByTagName("div");
    var len=showdiv.length;
    for(var i=0;i<len;i++)
    {
        if(showdiv[i].name=='showdiv')
    {
    if(showdiv[i].id!='div'+num)
    showdiv[i].style.display='none';
    else
     showdiv[i].style.display='';
        }
    }
    }
    }
    </script>
     </HEAD> <BODY><input type='radio' name='r' onclick='change(this,1)' />div 1 show &nbsp;&nbsp;
    <input type='radio' name='r' onclick='change(this,2)' />div 2 show &nbsp;&nbsp;
    <input type='radio' name='r' onclick='change(this,3)' />div 3 show &nbsp;&nbsp;
     <div>
     我是容器div
    <div id='div1' name='showdiv' style="display:none">
    我是div 1
    </div>
    <div id='div2' name='showdiv' style="display:none">
    我是div 2
    </div>
    <div id='div3' name='showdiv' style="display:none">
    我是div 3
    </div>
    </div>
     </BODY>
    </HTML>
      

  3.   

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>可以删除
      

  4.   

    <input type="radio" name="rd" value="0">
    name="rd"