对数据库查询结果列表批量选择

最新推荐文章于 2022-04-02 21:34:52 发布

qsxinyu

最新推荐文章于 2022-04-02 21:34:52 发布

阅读量213

点赞数

文章标签： Bean

本文链接：https://blog.csdn.net/qsxinyu/article/details/83698997

版权

实现方式如网易邮箱中信件的选择。

查询结果的表头，第一列，checkbox型的选择框：

<th><input type="checkbox" name="deleteId" id="deleteId" οnclick="selectAll(checked)"></th>

迭代生成列表的时候，没行首列是checkbox：

<input type="checkbox" name="selectId" id="selectId" value="<bean:write name="client" property="clientId"/>"/>

JS实现：

function selectAll(sign) {
	var multiUserBox = document.forms[0].elements("selectId");
	if (multiUserBox != null) {
		if (typeof (multiUserBox.length) != "undefined") {
			for ( var i = 0; i < multiUserBox.length; i++) {
				multiUserBox[i].checked = sign;
			}
		} else {
			multiUserBox.checked = sign;
		}
	}
}

结果：点表头的选择框，全选；再点，取消全选。