一个选中的时候另一个跟着选中,问题的难点在于两个都是自动生成的,用js 实现联动

解决方案 »

  1.   

    前提是你两个列表得有相同之处
    <div id="left" style="border:1px solid red;">
    <input type="radio" name="a" value="1"  onclick="rdo_click(this)" />1<br>
    <input type="radio" name="a" value="2"  onclick="rdo_click(this)"/>2<br>
    <input type="radio" name="a" value="3" onclick="rdo_click(this)"/>3<br>
    <input type="radio" name="a" value="4"  onclick="rdo_click(this)"/>4<br>
    </div>
    联动
    <div id="right" style="border:1px solid red;"><input type="radio" name="b" value="1"  />1<br>
    <input type="radio" name="b" value="2"  />2<br>
    <input type="radio" name="b" value="3"  />3<br>
    <input type="radio" name="b" value="4"  />4<br>
    </div><script>function rdo_click(sender){
      var r=document.getElementById("right");
      var inputs=r.getElementsByTagName("input");  for(var i=0;i<inputs.length;i++){
        //alert(inputs[i].value==sender.value)
        if(inputs[i].type=="radio" && inputs[i].value==sender.value){
          inputs[i].checked=sender.checked;
        }
      }
    }
    </script>
      

  2.   


    <!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
      <html   xmlns="http://www.w3.org/1999/xhtml"   xml:lang="gb2312"   lang="gb2312">   
      <head>   
      <title>   New   Document   </title>   
      <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"   />   
      <meta   name="title"   content=""   />   
      <meta   name="author"   content="活靶子,Huobazi,www.AspxBoy.com"   />   
      <meta   name="subject"   content=""   />   
      <meta   name="language"   content="gb2312"   />   
      <meta   name="keywords"   content=""   />   
      <meta   name="Copyright"   content="www.AspxBoy.com"   />   
      <meta   name="robots"   content="all"   />   
      <script   language="javascript">   
      function   aa(   obj   )   
      {   
      document.getElementById("myImg").src   =   obj.value;   
      }   
      </script>   
      </head>   
      <body>   
      <input   name="a"   type="radio"   value="1.gif"   oncheck="aa(this)"   />1   
      <input   name="a"   type="radio"   value="2.gif"   onclick="aa(this)"   />2   
      <input   name="a"   type="radio"   value="3.gif"   onclick="aa(this)"   />3   
      <input   name="a"   type="radio"   value="4.gif"   onclick="aa(this)"   />4   
      <img   id="myImg"   />   
      </body>   
      </html>
    <meta   name="robots"   content="all"   />   
      <script   language="javascript">   
      function   aa(   obj   )   
      {   
      document.getElementById("myImg").src   =   obj.value;   
      }   
      </script>   
      </head>   
      <body>   
      <input   name="a"   type="radio"   value="1.gif"   onclick="aa(this)"   />1   
      <input   name="a"   type="radio"   value="2.gif"   onclick="aa(this)"   />2   
      <input   name="a"   type="radio"   value="3.gif"   onclick="aa(this)"   />3   
      <input   name="a"   type="radio"   value="4.gif"   onclick="aa(this)"   />4   
      <img   id="myImg"   />   
      </body>
      

  3.   

    感谢楼上几位,不过问题已基本解决。和三楼的方法是一样的。就是new 了两个RadioButtonList,然后让其联动。事实证明,求人不如求己啊