`

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;
		}

 

 

 

 

分享到:
评论

相关推荐

    实现复选框单选的一个html

    当`name`属性相同的一组复选框中,用户只能选择一个时,我们可以通过JavaScript监听复选框的`change`事件,当一个被选中时,取消其他同名复选框的选择。以下是一个简单的示例: ```html &lt;label for="option1"&gt;...

    基于jquery制作的添加购物车复选框类似淘宝的购物车.zip

    在本项目中,"基于jquery制作的添加购物车复选框类似淘宝的购物车.zip",我们关注的核心技术是jQuery,这是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。jQuery使得前端...

    jquery特效制作复选框,全选,反选,取消,购物车,统计价格,统计

    当用户选择一个商品(即勾选复选框)时,应该更新购物车总价。这里需要维护一个商品价格列表,并使用jQuery监听每个商品复选框的变化。当选中的复选框数量变化时,根据选中商品的价格进行累加,实时显示总价。 统计...

    复选框选中表格中的行进行删除行操作

    总的来说,"复选框选中表格中的行进行删除行操作"是一个综合性的功能,涉及到前端交互设计、数据绑定、事件处理、DOM操作等多个方面,需要结合HTML、CSS和JavaScript的知识来实现。在实际开发中,我们还需要关注用户...

    jquery动态复选框取值

    // 创建一个新的复选框 var checkbox = $('&lt;input type="checkbox" name="myCheckbox" value="option1"&gt;'); // 将复选框添加到DOM中 $('body').append(checkbox); ``` 三、获取复选框值 获取复选框的值通常有以下...

    js复选框(checkbox)

    在网页设计中,复选框常用于让用户在多个选项中选取一个或多个。本资源"js复选框(checkbox)"提供了一种简单小巧的解决方案,支持全选、反选和选择多种功能。下面我们将深入探讨复选框的相关知识点和实现技巧。 1....

    基于jQuery的三个JS复选框全选反选例子.zip

    每个复选框都是一个`&lt;input&gt;`元素,类型为"checkbox",可以有相应的ID或类名以便于jQuery选择器选取: ```html ``` 这里,我们有一个全选复选框(id为"selectAll"),和两个待选复选框(class为"item")。 接...

    隐藏layui数据表格表头的checkbox复选框

    - 将选取到的`&lt;div&gt;`标签替换为一个新的、空的`&lt;div&gt;`标签,以达到隐藏复选框的效果。 3. **触发时机**:为了确保数据加载完毕后才进行操作,应该将以上代码放置于LayUI表格的`done`回调函数中。这样可以在数据...

    带有复选框的下拉列表

    在网页设计中,有时我们需要创建一个具有复选框功能的下拉列表,让用户可以多选选项。本示例提供了一种实现这一功能的方法,通过两种技术:使用纯HTML和CSS的DIV控制,以及利用JQUERY库。这两种方法都可以有效地增强...

    复选框相关代码

    本篇文章将详细介绍一个特定的复选框功能实现案例,其中包括如何通过JavaScript/jQuery实现“全选/全不选”功能以及前后端如何交互以获取选中的复选框值。 #### 二、全选/全不选功能实现 ##### 2.1 HTML结构 在...

    JQ 复选框全选反选

    例如,我们可以设置一个ID为"selectAll"的复选框,并绑定"click"事件,当用户点击这个复选框时,触发相应的函数,将所有其他复选框选中或取消选中。 ```javascript $("#selectAll").click(function() { $("input...

    jQuery的复选框操作-实例页面

    5. **状态检查**: `.is()`方法可以用来检查复选框是否被选中,如`$("#checkbox1").is(":checked")`返回一个布尔值。 6. **批量操作**: 使用`.each()`遍历一组复选框,如`$("[type=checkbox]").each(function(index,...

    JS实现复选框全选全不选以及子复选框带动全选框的选中

    在网页交互设计中,复选框(Checkbox)是一种常见的用户输入元素,用于让用户选择一个或多个选项。在处理大量复选框时,全选/全不选功能是提高用户体验的有效方式。本文将深入探讨如何使用JavaScript实现这个功能,...

    基于jquery的iPhone风格的单选框和复选框.zip

    "基于jquery的iPhone风格的单选框和复选框.zip"是一个针对前端开发的资源包,它旨在提供一种实现iOS设备上常见交互效果的解决方案。 首先,我们需要理解jQuery的核心概念。jQuery是由John Resig创建的一个开源项目...

    复选框目录树

    复选框目录树,也称为dtree,是一种在网页用户界面中常见的交互元素,它将层级结构的数据以树形结构展示,并且每个节点都配备有复选框,用户可以通过选择复选框来选取一个或多个节点。这种设计使得用户能够方便地对...

    SelectBox下拉复选框多选插件

    对于“SelectBox下拉复选框多选插件”,这意味着它是一个独立的JavaScript或CSS库,可以轻松集成到任何项目中,为下拉框添加多选和搜索功能。 5. **搜索功能**:此插件的一个关键特性是搜索功能。在大量选项的下拉...

    使用JQuery制作复选框的全选或单选特效

    为了实现全选或全不选的效果,我们需要一个主复选框(通常称为"全选"),当用户点击这个复选框时,所有的子复选框都会被选中或取消选中。 在jQuery中,我们可以通过选择器来选取特定的DOM元素,并使用各种方法来...

    jQuery分别获取选中的复选框值

    当用户勾选一个复选框时,jQuery提供了一些方便的方法来获取选中的复选框的值。例如,可以使用`$("input[type='checkbox']:checked")`选择器来选取所有被选中的复选框,然后通过`.val()`方法获取其值: ```...

    jquery判断复选框是否被全部选中,达到全选的目的

    反之,如果有一个或多个复选框未选中,通过`$("#submitbtn").attr({"disabled":"disabled"})`添加`disabled`属性,使按钮变为不可点击。 这个示例中,`#submitbtn`按钮的初始状态是被禁用的,因为用户需要至少选中...

    一个基于jQuery 实现的的全选、反选复选框插件源码例子

    这个“基于jQuery实现的全选、反选复选框插件源码例子”是一个很好的学习资源,可以帮助开发者理解如何利用jQuery来操控DOM(Document Object Model)中的复选框,并实现全选与反选的功能。 首先,我们要了解jQuery...

Global site tag (gtag.js) - Google Analytics