`
Illy
  • 浏览: 123093 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js控制多选功能

 
阅读更多
js代码
function submitData() {
				var chb =document.getElementsByName('checkBoxs');
				var count = 0;
				if(chb.length == 0)
				{
					alert("现在没有服务项目信息,不能进该项操作!");
					return;
				}
				for(i=0; i < chb.length; i++)
				{
					if(chb[i].checked)
					{
						count ++;
					}
				}
				if(count == 0)
				{
					alert("请选择要操作的记录!");
					return;
				}
				
				document.forms[0].action = "${ctx }/manage/inspection/addConfirmListContractCompanyItem.do";
    			document.forms[0].submit(); 
			}
			
			function checkAll()
			{
				var chb = document.getElementsByName('checkBoxs');
				var n = chb.length;
				for (var i=0; i<n; i++)
				chb[i].checked = window.event.srcElement.checked;
			}

显示列:
<input type="checkbox" name="itemCheckbox" id="itemCheckbox" value="" onclick="checkAll()"/>
显示数据行:
<input type="checkbox" name="checkBoxs" value="${listBasItemInfo.itemId}">


注意:Action中需要设置变量如下
private String[] checkBoxs; //多选
public String[] getCheckBoxs() {
		return checkBoxs;
	}

	public void setCheckBoxs(String[] checkBoxs) {
		this.checkBoxs = checkBoxs;
	}


解释:${ctx } 为项目中用到的相对路径,本项目用的是struts2框架,该功能也可以用于其它框架。
分享到:
评论

相关推荐

    DropDownList多选功能的实现

    有关此控件的最好的部分是,你不必添加任何其他的外部文件(如图像,样式表,JavaScript文件)到您的项目中,控制一切在后台自动。 特点 支持多个实例在同一页上。 可定制外观的文本框,按钮,下拉菜单和工具提示。...

    vue-multiselect:Vue.js的多选包2

    在不使用jQuery的Vue.js 2和Bootstrap 4上开发 演示版 成就成就 通过键盘上的键进行控制(向上/向下箭头,输入) 通过TAB按钮聚焦 简单的异步搜索(通过URL地址)和复杂的异步搜索(通过回调) 将输入(如果需要...

    最好的asp CMS系统科讯CMSV7.0全功能SQL商业版,KesionCMS V7.0最新商业全能版-免费下载

    8、自定义字段功能:可自由设置字段类型、字段类型(单行文本、多行文本、下拉列表、数字、日期、单选按钮、多选按钮、电子邮箱、文件)、表单选项限制(功能启用时间限制、是否只允许会员提交、每个会员是否只允许...

    支持单选多选全选的jQuery房屋楼层选择代码.zip

    js代码 [removed] //= 控制点击单元全选的时候= function choiceTitle(obj){ ... $(obj).parent().parent().find("tr:...这是一款功能强大支持单选多选全选的jQuery房屋楼层选择代码,具体看演示效果就明白了。

    Vue组件Draggable实现拖拽功能

    Draggable为基于Sortable.js的vue组件,用以实现拖拽功能。 具体说明,请参考:学习链接 npm官方演示: vuedraggable特性: 支持触摸设备 支持拖拽和选择文本 支持智能滚动 支持不同列表之间的拖拽 不以jQuery...

    程序天下:JavaScript实例自学手册

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    vue table表格的封装和使用

    1、该封装的组件包含分页、反选、多选、过滤、排序、树形数据懒加载、单元格绑定事件、行绑定事件、指定行添加背景色等功能,这些功能可以自动控制是否显示; 2、控制列的显示隐藏、表格的高度根据窗口大小自动改变...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点  * 可以...

    angular-multiselect:严格针对角度的多选指令

    AngularJS下拉多选 该指令为您提供了具有AngularJS指令功能的Bootstrap Dropdown。 注意:我目前正在此指令的v2上进行性能改进,并消除了对lodash的需要。 预计到达时间:2015年4月 特征 基于Bootstrap的下拉菜单。...

    JavaScript网页特效范例宝典源码

    实例078 通过JavaScript控制表单的提交与重置 122 实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同...

    swfupload批量上传组件

    它结合了FLASH和JavaScript的功能,以提供一种超越了传统的浏览器中标签提供的文件上传功能。 SWFUpload提供的主要功能: 在文件选择对话框中能够进行文件多选 页面无刷新的上传 提供上传进度的事件回调,实时...

    SWFUpload v2.2.0.1 多文件上传控件(带中文文档)

    它结合了FLASH和JavaScript的功能,以提供一种超越了传统的浏览器中标签提供的文件上传功能。 SWFUpload提供的主要功能: •在文件选择对话框中能够进行文件多选 •页面无刷新的上传 •提供上传进度的事件回调,...

    html5兼容移动端的图片选项拖拽答题

    该页面主要实现的是图片选项拖拽完成多选答题功能,选项跟答题数量可自行控制,页面是由html5、js编写的,兼容性pc端跟移动端

    bootstrap treeview 树形菜单带复选框及级联选择功能

    主要介绍了bootstrap treeview 树形菜单带复选框及级联选择功能,代码超简单,感兴趣的朋友跟随脚本之家小编一起学习吧

    浩海网络播放器V3.8.4

    而且在编辑播放列表窗口中,完全支持多选(shift—连续多选 ctrl—跳跃多选)而且完全支持多选移动、删除等功能!!!在此提示!! 此压缩包中已经包含《浩海网络多格式播放器》的插件《本地浩海》如果您要在您的本...

    jquery.HooRay 插件 jquery常用网页特效的封装

     隔行换色、无缝滚动、返回顶部、外链弹窗、手风琴、Tabs切换、锚点连接、多选按钮、单选按钮、控制多选按钮选择数量、下拉列表、图片缩放、高亮显示、图片展示、输入框文字提示等,其中大多数功能大家经常会用到,...

    EasyJForum 3.0 企业版 繁体BIG5.zip

    5、每版块可以设置特权用户以便更灵活地控制访问权限; 6、可以在页顶和主题后面添加广告代码; 7、首页可以显示图片广告幻灯片; 8、主题列表页和首页增加"图片"主题链接; 9、用户可以查看“我的话题”的最新...

    毕业设计,课程设计-基于python+django的传染病控制政策数据库管理系统

    可以按照传染病分类(分类可以多选),发文部门,文件标题,发布年份查询 (admin search) 界面主题可以维护 (admin interface) 可以按照年份统计政策数量,可以按照传染病分类统计政策数量,并在图表中展示 (chart....

    通过BootStrap-select插件 js jQuery控制select属性变化

    bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用,在select的标签中设置属性可以做很多功能控制,下面通过本文给大家详细介绍下

Global site tag (gtag.js) - Google Analytics