日期:2014-05-16  浏览次数:20542 次

javascript控制复选框只能选取一个.

使用javascript脚本控制多个复选框,只能选取一个.

?

部分HTML代码:

<table id="t" border="1" cellspacing="0px" cellpadding="0px" align="center" width="100%">
		  <tr  style="color:yellow;background-color:blue">
		  		<th>请选择</th>
			    <th>用户编号</th>
			    <th>用户姓名</th>
			    <th>用户性别</th>
			    <th>用户年龄</th>
			    <th>所属部门</th>
			    <th>执行修改</th>
			    <th>查看详细</th>
		  </tr>
		  
		  <logic:iterate id="emp" name="MapUsers" property="UserList">
			  <tr>
			  	<td align="center"><input type="checkbox" name="chk" value="${emp.userid }" onclick="get_onclick(this)"></td>
			  	<td align="center">${emp.userid }</td>
			    <td align="center">${emp.username }</td>
			    <td align="center">${emp.sex }</td>
			    <td align="center">${emp.age }</td>
			    <td align="center">${emp.dept.dname }</td>
			    <td align="center"><A href="#">修改</A></td>
			    <td align="center"><A href="#">详细信息</A></td>
			  </tr>
		  </logic:iterate>
		</table>

?

?

?

具体javascript代码如下:

<script type="text/javascript">
		var uid=0;
		//只能选中一个值;
		function get_onclick(obj){
			uid = obj.value;
	        var chk = document.getElementsByName("chk");
	        for(var i=0;i<chk.length;i++){
	        	chk[i].checked = false;
	        }
	        obj.checked = true;
		}
		
		//获得编号;判断js是否选择;
		function get_UserId(){
			if(!uid){
				alert('请选中,然后再进行删除!。');
				return;
			}
			document.location="/Work_OAProject/popedom.do?p=show_grant&userid="+uid;
		}

?

?

?

?