一、checkbox添加
选择
序号
信息
1
测试1
2
测试2
3
测试3
checkbox代码:
同一group的checkbox中name一致
二、function处理checkbox
2.1 判读是否选中
// 检测是否有选择多选框的至少一项
function validateCheckBox() {
// 获得多选框的数组
var allIDS = document.getElementsByName(“selects”);
var flag = false;
for ( var i = 0; i < allIDS.length; i++) {
if (allIDS[i].checked== true) {
flag = true;
break;
}
}
if (!flag) {
alert("请选择操作行!");
return false;
} else {
return true;
}
}
2.2 删除选中的checkbox
function deleteAccount() {
if(!validateCheckBox(selects)){return;}
if (confirm("是否删除?")) {
var allIDS = document.getElementsByName("selects"); // 注释(1)
var selectedIDStr = "";
for ( var i = 0; i < allIDS.length; i++) {
if (allIDS[i].checked == true) { // 注释(2)
selectedIDStr = selectedIDStr + allIDS[i].value + ",";//注释(3)
}
}
var deleteForm = document.forms["deleteFrom"];
deleteForm.action = "deleteFile?selectsId=" +selectedIDStr; //注释(4)
deleteForm.submit();
}
注释:
(1)获得所有name=select的checkbox
(2)判断每一个checkbox是否被选中
(3)的到每一个选中的checkbox的value,用“,”隔开存入字符串
(4)作为参数传入对应的action方法中
2.3 action方法中读取
HttpServletRequest request = ServletActionContext.getRequest();
String selectID = request.getParameter("selectsId");
String[] arrIDS = selectID.split(",");
注释:arrIDS 为所有被选中的checkbox的value