您的位置:首页 > Web前端 > JavaScript

Jsp中复选框的全选与反选

2015-08-09 16:44 591 查看

1、在页面中显示

<span style="font-size:18px;"><script>
function selectedAll() {
var allsel = document.getElementsByName("teleCheckbox");/* teleCheckbox为复选框的name属性值 */
for ( var i = 0; i < allsel.length; i++) {
allsel[i].checked = !allsel[i].checked;
}
}
</script></span>
<th>全选/取消<br><input type="checkbox" id="sel" name="sel" value="yes" onclick="selectedAll()"></th>
<td><input type="checkbox" name="<span style="color:#ff0000;">teleCheckbox</span>" value="<%=rs.getString("tele") %>"></td>
页面效果如:



2、在后台中处理

String[] tele = request.<span style="color:#ff0000;">getParameterValues</span>("teleCheckbox");//获取复选框的值</span>
public boolean deleChecked(String[] telephone) {//循环遍历出来
// TODO Auto-generated method stub
for (int i = 0; i < telephone.length; i++) {
//···
}
return false;
}
顺便做个标记:request.getParameterValues与request.getParameter的区别

request.getParameterValues(String   name)是获得如checkbox类(名字相同,但值有多个)的数据。   接收数组变量,如checkobx类型     

request.getParameter(String   name)是获得相应名的数据,如果有重复的名,则返回第一个的值 . 接收一般变量 ,如text类型

 

例:

1. 三个名字相同的text标签

<input type="text" name="test" value="1" /> 

<input type="text" name="test" value="2" /> 

<input type="text" name="test" value="3" />

request.getParameterValues("test")   ----------------- [1, 2, 3]

request.getParameter("test")             ------------------ 1

${paramValues.test}

${param.test}

2. checkbox

 <input type="checkbox" name="habit" value="read">看书

 <input type="checkbox" name="habit" value="movie">电影

 <input type="checkbox" name="habit" value="game">游戏

request.getParameterValues("habit")
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jsp 复选框 全选 反选