1. jsP列表中复选框批量选择功能实现
1、 实现的方法往往就是在每条记录前面加一个复选框,然后在列表下方放置一个“全选/
全不选”复选框。
2、 当选中“全选/全不选”复选框后,列表中的所有复选框都选中,当取消“全选/全不选”
复选框后,列表中的所有复选框都取消选中。
3、 当列表中的复选框都取消选中后,“全选/全不选”复选框也要取消选中。当列表中的复
选框都选中后,“全选/全不选”复选框也要选中。
4、 得到所有选中记录的值。
这项功能其实也很简单,但往往用的时候都要重新再写一遍,于是把它总结为一个模块,记录下来,以便再用。
(1)首先是在每条记录前加入复选框,该处复选框中的值为“id|username”(示例),即选中此复选框会同时传两个值(传一个值的太简单,就不举例了),中间用|隔开,下面取值时会用到:
<input id="box" name="box" type="checkbox" value="id|username" onclick="checkonebox()"/>
(2)然后在下方加入“全选/全不选”复选框。
<input id="checkall" type="checkbox" value="" onclick="checkall()"/> 全选/全不选
(3)关键实现javascript
//点击"全选/全不选"复选框,如果选中,则选中全部复选框,否则取消选中全部复选框 function checkall() {
var ischecked = document.getElementById("checkall").checked;
if(ischecked) {
checkallbox();
}else {
discheckallbox();
}
}
//选中全部复选框
function checkallbox() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
boxarray[i].checked = true;
}
}
//取消选中全部复选框
function discheckallbox() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
boxarray[i].checked = false;
}
//点击某个复选框,如果所有复选框都选中,“全选/全不选”复选框也选中 //否则如果所有复选框都取消选中,“全选/全不选”复选框也取消选中 function checkonebox() {
if(isallchecked()) {
document.getElementById("checkall").checked = true;
}
if(isalldischecked()) {
document.getElementById("checkall").checked = false;
}
}
//是否全部选中
function isallchecked() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
if(!boxarray[i].checked) {
return false;
}
}
return true;
}
//是否全部没有选中
function isalldischecked() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
if(boxarray[i].checked) {
return false;
}
}
return true;
}
//得到选中项的值的集合,结果为“1|小明,2|小王,3|小李”的形式
function getallcheckedvalue() {
var boxvalues = "";
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
if(boxarray[i].checked) {
var boxvalue = boxarray[i].value;
if(boxvalues == "") {
boxvalues = boxvalue;
}else {
boxvalues = boxvalues + "," + boxvalue;
} } } return boxvalues;
//如果只需要得到其中选中项的id值的集合,方法如下,得到的值为(1,2,3,…) function getIds() {
var boxvalues = getallcheckedvalue();
var boxvaluesArray = boxvalues.split(",");
var ids = "";
for(var i = 0; i < boxvaluesArray.length; i++) {
var boxvalue = boxvaluesArray[i];
var boxvalueArray = boxvalue.split("|");
var id = boxvalueArray[0];
var username = boxvalueArray[1];
if(ids == "") {
ids = id;
}else {
ids = ids + "," + id;
}
}
return ids;
}
最后,总结步骤:每条记录前加复选框,加“全选/全不选”复选框,调用javascript
2. java中保存复选框的值,插入到数据库中用哪种方法详细点给分!!!
JSP页面例子:
<%@ page language="java" pageEncoding="gb2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
<script>
var check=true;
function check_all(){
if(check==false){
arr = document.getElementsByName("checkbox");
for(i=0;i<arr.length;i++){
arr[i].checked = false
}
check=true;
}
else{
arr = document.getElementsByName("checkbox");
for(i=0;i<arr.length;i++){
arr[i].checked = true
}
check=false;
}
}
</script>
</head>
<body>
<form action="" method=""post >
<input type="checkbox" name="checkbox" value="0" onclick='check_all();'/>
全选 <a href="../xtyhgl/delAllyg.do">删除</a>
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><input type="checkbox" name="checkbox" value="100001"/></td>
<td>100001</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" value="100003"/></td>
<td>100003</td>
</tr>
</table>
</form>
</body>
</html>
Action中代码:
如果是struts1.2在form类中定义属性 private String[] checkbox;
并为属性checkbox提供set和get方法。
如果是struts2 定义属性 private String[] checkbox;
并为属性checkbox提供set和get方法。
strust1:在action中获取form类中的值:String[] checkbox=request.getParameterValues("checkbox");这样在struts action中就获取了jsp中checkbox的值,循环取出。
strust2:在action中直接拿String[] checkbox的值,循环取出。
3. jsp 批量修改选中的数据,如图所示,复选框选中几条数据后,将文本框的值保存到数据库中去
这些表单项的name属性按照一定的规律来,
逻辑非常复杂,
但是绝对能实现。
主要的地方在于各个表单项的命名,
给你推荐一个,
比如:第一个行id是1,那么文本框就叫txt1,复选框叫check1
第二个行id是2,那么文本框就叫txt2,复选框叫check2
自己做吧,
4. jsp中的checkbox怎么将选中的值传到后台
1.给复选框命名:<input type='checkbox' name='checkTheme' value='">。
2.在提交的时候onclick="aa();"。
4.action里面:
private String tempString;//get、set方法,String temp1[] = tempString.split(",");// 截取字符串,获得各个checkBox的值。
5.这个数组temp1[]里面的值就是要获取的各个复选框里取到的值。
5. jsp中request.getParameterValues()获取复选框的值怎么得到的值是on,而不是具体的某个值
你的bnums是ID,你在bnums这个input上加一个name="bnums"就行了,因为request.getParameterValues()取的是name的值。个人建议用request.getParameter(“bnums”); request.getParameterValues()这个返回的是一个数组哈