javaweb项目全选删除，复选删除的实现

JavaWeb全选删除与复选删除实现

最新推荐文章于 2023-01-14 00:31:11 发布

原创

最新推荐文章于 2023-01-14 00:31:11 发布 · 2.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#Java基础

本文介绍了在JavaWeb项目中如何实现全选删除和复选删除功能。通过对checkbox样式的设置，确保name属性一致，实现全选功能。接着通过监听点击事件获取已选中的checkbox，后台接收到选中项的ID字符串，执行SQL删除操作，例如："delete from book where id in ("+id+")"

## checkbox样式
name属性必须一致

```
 <input type="checkbox"  name="bookname" value="1">
  <input type="checkbox"  name="bookname" value="2">
   <input type="checkbox"  name="bookname" value="3">
    <input type="checkbox"  name="bookname" value="4">
     <input type="checkbox"  id="checkall">
``

# 通过点击事件实现全选

 $("#checkall").click(function(){
 //全选按钮check状态，选择全部name为bookname的按钮
            if(this.checked){
                $("input[name='bookname']").prop('checked', true);

            }
//全部取消选中
else{
                $("input[name='bookname']").prop('checked', false);
            }
        });

获取已被选中的checkbox

 $("#elDelete").click(function () {
    	   var s=''; 
     	  $('input[name="bookname"]:checked').each(function(){ 
     	    s+=$(this).val()+','; //遍历得到所有checkbox的value
     	  }); 
     	 if (s.len