【JavaWeb】获得选中的checkbox的value

一、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