一、checkbox添加
选择 | 序号 | 信息 |
---|---|---|
1 | 测试1 | |
2 | 测试2 | |
3 | 测试3 |
checkbox代码:<input type="checkbox" name="selects" value="3" />
同一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