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

我的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能够做到横向也只能选择一个。

解决方案 »

  1.   

    不太明白你的意思，你的意思是只能选择一个吗？如果是这样的话，你把name设置成一个，就成单选的了
      

  2.   

    把所有标签的 name 都弄成一样。
      

  3.   

    UserName   UserName  UserName  UserName
    familyName familyName familyName familyName
    givenName  givenName  givenName  givenName
    email      email      email      email我的要求是 每一行只能选择一个  ， 纵向也只能选择一个（这个是默认的  radion1 2，3，4）
    也就是如何在现有基础上实现每行只能选一个
      
      

  4.   

    !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>
      

  5.   

         if((myradiobutton1==null)||(myradiobutton1.equals("")))   { %>      
                  <input type="radio" name="radiobutton1" value="UserName" onclick="check(this)"/>
                   <%}else if(myradiobutton1.equals("UserName")) {%>
                  <input type="radio" name="radiobutton1" value="UserName" onclick="check(this)" checked/>
                  <%}else{ %>
                  <input type="radio" name="radiobutton1" value="UserName" onclick="check(this)"/>             
                  <%} %>
    UserName 我在工程里是失败的   。  不知道什么原因 。  我的 radio是动态生成的 不是静态的 
    请看上面 ， 我的radio大概 50个全部是代码动态生成的 。   页面展现后成为
     <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> 
    -----我是查看源代码 得到上面文本的
    现在check  失败？   （想知道什么原因 ？？）
      

  6.   


    经过检查，抽取工程执行的脚本如下 ，发现死活都失败
    不知道什么原因？
    alert(cutTrTd.length); 得到以下代码的长度为０或者５　　　（上面成功的是４
    为师么会这样　　如何修改脚本　　，　前面的javascript函数是一样的额？）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> <TABLE id="tbl" border="1" >          <tr>
                <td width="14">1</td>
                <td width="100"><label>
                    
                  <input type="radio" name="radiobutton1" value="UserName" onclick="check(this)"/>
                   
    UserName </label></td>
                <td width="102"><label>
                
                  <input type="radio" name="radiobutton2" value="UserName"   onclick="check(this)"/>
                  
    UserName</label>
                  <label> </label></td>
                <td width="109"><label>
               
                  <input type="radio" name="radiobutton3" value="UserName" onclick="check(this)"/>
                   
    UserName</label></td>
                <td width="104"><label>
                  
                  <input type="radio" name="radiobutton4" value="UserName" onclick="check(this)"/>
                 
    UserName</label>
                  <label></label></td>
              </tr>
             
          
          
                   <tr>
                <td>2</td>
                <td>
                 
                <input type="radio" name="radiobutton1" value="Familyname" onclick="check(this)"/>
                         
    Familyname</td>
                <td><label> </label>
                               <input type="radio" name="radiobutton2" value="Familyname" onclick="check(this)"/>
                  
    Familyname </td>
                <td>
                  
                 <input type="radio" name="radiobutton3" value="Familyname" onclick="check(this)"/>
                  
    Familyname</td>
                <td>
                              
                <input type="radio" name="radiobutton4" value="Familyname" onclick="check(this)"/>
                 
    Familyname</td>
              </tr>
              
              <tr>
                <td>3</td>
                <td>
                 
                <input type="radio" name="radiobutton1" value="givenName" onclick="check(this)"/>
                         
    Gvienname</td>
                <td><label> </label>
                   
                  <input type="radio" name="radiobutton2" value="givenName" onclick="check(this)"/>
                  
    Gvienname </td>
                <td>
                  
                 <input type="radio" name="radiobutton3" value="givenName" onclick="check(this)"/>
                  
    Gvienname</td>
                <td>
                            
                <input type="radio" name="radiobutton4" value="givenName" onclick="check(this)"/>
                 
    Gvienname</td>
              </tr>