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

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

查询结果的表头,第一列,checkbox型的选择框:

<th><input type="checkbox" name="deleteId" id="deleteId" onclick="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;
		}
	}
}

 结果:点表头的选择框,全选;再点,取消全选。

你可能感兴趣的:(bean)