纵向和横向都只能选择一个

我的jsp文件有如下代码
<input type="radio" name="radiobutton1" value="UserName" />
    <input type="radio" name="radiobutton2" value="UserName" />
      <input type="radio" name="radiobutton3" value="UserName" />
        <input type="radio" name="radiobutton4" value="UserName" />
<br>
  <input type="radio" name="radiobutton1" value="familyName" />
    <input type="radio" name="radiobutton2" value="familyName" />
      <input type="radio" name="radiobutton3" value="familyName" />
        <input type="radio" name="radiobutton4" value="familyName" />
<br>
    <input type="radio" name="radiobutton1" value="givenName" />
    <input type="radio" name="radiobutton2" value="givenName" />
      <input type="radio" name="radiobutton3" value="givenName" />
        <input type="radio" name="radiobutton4" value="givenName" />   当前支持纵向也只能单选一个
现在要求做到纵向和横向都只能选择一个。
请问js能够做到横向也只能选择一个。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你把所有的name都写成一样的就行
楼上是不可以的
任务是这样要求的
radiobutton1  2， 3， 4 各自有3次选1的机会
但是横向如何保证唯一。楼上可以写出你的代码吗？
是不是这样？<!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="">
</HEAD><script type="text/javascript">
function check(obj)
{
//获取当前是哪一行
var curTr=obj.parentNode.parentNode;

//alert(curTr.outerHTML);

var cutTrTd=curTr.getElementsByTagName("TD");
//alert(cutTrTd.length);

for(var i=0;i<cutTrTd.length;i++)
{
if(cutTrTd[i]!=obj.parentNode)
{
cutTrTd[i].childNodes[0].checked=false;
}
}

}
</script> <BODY>
<TABLE id="tbl">
<TR>
<TD>
<input type="radio" name="radiobutton1" value="UserName"  onclick="check(this)"/>
</TD>
<TD>
<input type="radio" name="radiobutton2" value="UserName" onclick="check(this)"/>
</TD>
<TD>
<input type="radio" name="radiobutton3" value="UserName" onclick="check(this)"/>
</TD>
<TD>
<input type="radio" name="radiobutton4" value="UserName" onclick="check(this)"/>
</TD>
</TR>
<TR>
<TD>
<input type="radio" name="radiobutton1" value="familyName" onclick="check(this)"/>
</TD>
<TD>
<input type="radio" name="radiobutton2" value="familyName" onclick="check(this)"/>
</TD>
<TD>
<input type="radio" name="radiobutton3" value="familyName" onclick="check(this)"/>
</TD>
<TD>
<input type="radio" name="radiobutton4" value="familyName" onclick="check(this)"/>
</TD>
</TR>
<TR>
<TD> <input type="radio" name="radiobutton1" value="givenName" onclick="check(this)"/> </TD>
<TD><input type="radio" name="radiobutton2" value="givenName" onclick="check(this)"/> </TD>
<TD> <input type="radio" name="radiobutton3" value="givenName" onclick="check(this)"/> </TD>
<TD><input type="radio" name="radiobutton4" value="givenName" onclick="check(this)"/> </TD>
</TR>
</TABLE>

</BODY>
</HTML>
现在有一个新问题
实际任务里
  <TD>
        <input type="radio" name="radiobutton1" value="UserName"   cheked>
    </TD>--------这里默认为已经选择的
    <TD>
        <input type="radio" name="radiobutton2" value="UserName" onclick="check(this)"/>
    </TD>
    <TD>
        <input type="radio" name="radiobutton3" value="UserName" onclick="check(this)"/>
    </TD>
    <TD>
        <input type="radio" name="radiobutton4" value="UserName" onclick="check(this)"/>
    </TD>
</TR>
<TR>
    <TD>
        <input type="radio" name="radiobutton1" value="familyName" onclick="check(this)"/>
    </TD>
    <TD>
        <input type="radio" name="radiobutton2" value="familyName" onclick="check(this)"/>
    </TD>
    <TD>
        <input type="radio" name="radiobutton3" value="familyName" onclick="check(this)"/>
    </TD>
    <TD>
        <input type="radio" name="radiobutton4" value="familyName" onclick="check(this)"/>
    </TD>
</TR>
<TR>
    <TD> <input type="radio" name="radiobutton1" value="givenName" onclick="check(this)"/> </TD>
    <TD><input type="radio" name="radiobutton2" value="givenName" onclick="check(this)"/> </TD>
    <TD> <input type="radio" name="radiobutton3" value="givenName" onclick="check(this)"/> </TD>
    <TD><input type="radio" name="radiobutton4" value="givenName" onclick="check(this)"/> </TD>
</TR>这里反复多选的时候  容易造成第1行有时候会出现2个选择的
解决如下
<TD>
        <input type="radio" name="radiobutton2" value="UserName" onclick="check(this)" checked/>
    </TD>