如何实现2行单选框一致

我想实现这样一个功能，有2行单选框，一摸一样的。
比如第一行是<input type="radio" name="sex" />男  <input type="radio" name="sex" />女
第二行也是<input type="radio" name="sex" />男  <input type="radio" name="sex" />女
如何实现选中第一行的男后，第二行的男也同时被选上，相反选中第一行的女后，第二行的女也同时被选上，就是上下两行同步，目的就是选中一行后第二行不用再去点了

解决方案 »

  1.   

    用JS实现，在第一行上加上事件，在JS里处理一下第二行赋值就行了~~
      

  2.   

    4个单选的name都一样，没有意义啊，因为你提交之后这4个是一组，只提交一个值，如果你要提交2个值就得把name分开，类似下面的代码
    <input type="radio" name="sex" value="1" id="s1" />男 <input type="radio" name="sex" value="0"  id="s0"/>女<br/>
    <input type="radio" name="sex1" value="1" id="s11"/>男 <input type="radio" name="sex1" value="0" id="s10"/>女
    <script type="text/javascript">
    <!--
    document.getElementById("s1").attachEvent("onclick",function(){document.getElementById("s11").checked = true;})
    document.getElementById("s11").attachEvent("onclick",function(){document.getElementById("s1").checked = true;})
    document.getElementById("s0").attachEvent("onclick",function(){document.getElementById("s10").checked = true;})
    document.getElementById("s10").attachEvent("onclick",function(){document.getElementById("s0").checked = true;})
    //-->
    </script>
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <script>
    function autoSelect()
    {
        var radios1=document.getElementsByName("sex1");
        var radios2=document.getElementsByName("sex2");
        radios1[0].onclick=radios2[0].onclick=function(){
            radios1[0].checked=radios2[0].checked=this.checked;
        }
        radios1[1].onclick=radios2[1].onclick=function(){
            radios1[1].checked=radios2[1].checked=this.checked;
        }
    }
    </script>
    </head>
    <body>
    <input type="radio" name="sex1" />男 <input type="radio" name="sex1" />女
    <br/>
    <input type="radio" name="sex2" />男 <input type="radio" name="sex2" />女
    <script>autoSelect()</script>
    </body>
    </html>
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <script>
    function autoSelect()
    {
        var radi……
    [/Quote]