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

lilinew 2009-12-11 05:11:14

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

...全文

50 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

lilinew 2009-12-11

打赏
举报

奇怪我放到工程里发现这个是失效的到底什么原因？？

lilinew 2009-12-11

打赏
举报

解决如下
<TD>
<input type="radio" name="radiobutton2" value="UserName" onclick="check(this)" checked/>
</TD>

lilinew 2009-12-11

打赏
举报

现在有一个新问题
实际任务里
<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个选择的

jol_boy 2009-12-11

打赏
举报

是不是这样？



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