首先是选中复选框,可以自己单击一个个的选,这个就不用多说了吧!也可以批量操作,如用全选按钮,主要是设置复选框的.checked值。可以通过调用javascript函数来实现。 方法如下:
复选框的定义:<input id="id" name="dept" type='checkbox' >
按钮的定义:<input type='button' value='全选' onClick='sltAll("dept")' name='button1'>(onclick指向的函数要用单引号)
javascript里全选函数的实现:
<script language="javascript">
function sltAll(field)
{
field = document.getElementsByName(field)
f or(i=0;i<field.length;i++)
{
field[i].checked = true;
}
}
</script>
选中以后接下来就是删除了。删除的一般是跟数据库连接的内容,要删除这些数据实际上就是根据选中的内容对数据库进行相应的delete操作。例如想要删除下面形式复选框选中的内容
界面中的数据都是从一个数据库表里来的。
复选框设置为:<input id=<%=typeId%> name="dept" type='checkbox' >,复选框的id是我从表里查询来的,即typeId。typeId是表的主键,每个typeId都唯一对应着表里的一列!所以要删除相应的列只要找到typeId就行了。
删除按钮:<input type="submit" value="删除" name="tijiao" onClick='SelectCheckbox("dept",this.form)'>
表单设置:<form name="form1" method="post" action="">
javascript函数
function SelectCheckbox(name,forml){
var s=false;
var boarId,n=0;
var strid,strurl;
name=document.getElementsByName(name)
for(i=0;i<name.length;i++)
{
if(name[i].checked){
n=n+1;
s=true;
boarId=name[i].id+"";
if(n==1){
strid=boarId;
}
else {
strid=strid+","+boarId;
}
}
}
strurl="URL.jsp?id="+strid;
if(!s){
alert("请选择要删除的分类!");
return false;
}
if(confirm("你确定要删除这些分类吗?")){
forml.action=strurl;
forml.submit();
}
}
</script>
按下”submit“按钮时,先根据onclick调用SelectCheckbox("dept",this.form)函数,传入的两个参数第一个是复选框的name属性名,第二个是表单对象。函数先找到所有的复选框,检查复选框是否选中,若选中则获取复选框的id值(实际为表中的编号!),并转换成字符的形式存到stride变量中。实际上选中stride最终会变为“编号1,编号2,编号3......”,这样就以字符的形式将所有要删除的I列的d号都保存到strid变量里了。接下来就是向其他网页传递要删除数据的编号了。forml的action属性指向要转到的URL,forml的submit()方法执行submit操作!这样就把要删的id都以字符的形式根据表单传到另一个页面了,可根据以下语句接收
String s=request.getParameter("id");