ssm批量删除数据,jquery:实现全选和取消全选

问题

ssm批量删除数据,jquery:实现全选和取消全选

解决

  1. 实现效果图
    在这里插入图片描述
  2. 原理
    1. 监听全选框点击事件,设置 其他删除输入框 和全选框 checked属性一致
    2. 每次点击 删除多选框 判断 当前选中项是否等于 总的选中项
  3. 代码
        //完成全选/全不选
        $("#check_all").click(function(){
            $(".check_item").prop("checked", $(this).prop("checked"));
        });
    
        //检查是否已经全部选中
        $(document).on("click",".check_item",function(){
            // 选中删除多选框 =?= 删除多选框的
            var flag = $(".check_item:checked").length==$(".check_item").length;
            $("#check_all").prop("checked",flag);
        });
    
  4. 注意
    1. checked 是原生的属性,jquery的 attr 无法获取原生属性
    2. 使用 prop 修改和读取dom原生属性的值
  5. end

猜你喜欢

转载自blog.csdn.net/ai_shuyingzhixia/article/details/82827568