html，删除复选框选中的内容

首先是选中复选框，可以自己单击一个个的选，这个就不用多说了吧！也可以批量操作，如用全选按钮，主要是设置复选框的.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");