js控制多选功能

最新推荐文章于 2024-03-01 09:01:11 发布

iteye_10047

最新推荐文章于 2024-03-01 09:01:11 发布

阅读量195

点赞数

分类专栏： JavaScript 文章标签： java

本文链接：https://blog.csdn.net/iteye_10047/article/details/82371914

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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框架，该功能也可以用于其它框架。