如图所示：

功能描述：全选时，勾选所有项目，取消全选时，不勾选所有项目。如果点击批量删除，删除勾选的商品。

TD align=' center ' width=' 12% ' input type=' checkbox ' id=' all checks ' onclick=' ckall()'/select all/select none/TD//select all function ckall(){ var flag=document . getelementbyid(' all checks ')。check var cks=document . getelementsbyname(' check ')；for(var I=0；长度；i ){ cks[i]。checked=标志；}}如代码所示，选择所有/取消选择所有复选框以添加onclick事件。每次单击此复选框时，都会触发ckAll事件。在ckAll()方法中，我们首先获取allChecks的当前检查状态，然后将其分配给其他商品的复选框。这一步的实现非常简单。复杂的是如何批量删除商品。

一开始一直以为复选框只是一个组件，怎么会和商品的序列号(主键)有关系呢？无意间发现复选框组件中有一个值。我可以将产品编号赋给value，然后批量删除时获取值，通过get request发送给servlet。这个问题成功解决了。

代码如下：

td style='CURSOR:手；height : 22px ' align=' center ' width=' 23 '输入类型=' checkbox ' name=' check ' value=' $ { book . id } '//TD//批量删除函数delAllProduct(){ if(！确认('您确定要删除这些书吗？')){ return} var cks=document . getelementsbyname(' check ')；var str=//拼接(var I=0；长度；i ){ if(cks[i]。选中){ str='id=' cks[i]。值“”；} }//移除' ' str=str。子字符串(0，字符串。长度-1)在字符串的末尾；location . href=' $ { page context . request . context path }/servlet/delallbookservlet '？rel=“外部nofollow”字符串；}以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！