全选,全不选,反选,批量操作

简介: js $(function () { var $choose = $("#choose input"); $("#all").click(function () { $choose.

js


    $(function () {
    var $choose = $("#choose input");
    $("#all").click(function () {
        $choose.each(function () {
            $(this).prop("checked", true);
        });
    });
    $("#not").click(function () {
        $choose.prop("checked", false);
    });
    $("#reverse").click(function () {
        $choose.each(function () {
            $(this).prop("checked", !$(this).prop("checked"));
        });
    });
//批量操作
    $("#alldel").click(function () {
        var f = false;
        //得到要删除的主键id
        //用于存要删除的选中的id值
        var arr = [];
        //得到一组checkbox  相当于数组
        var ck = document.getElementsByName("spu_id");
        //循环这一组checkbox让每一个checkbox选中
        for (var i = 0; i < ck.length; i++) {
            if (ck[i].checked == true) {
                //代表选中
                arr.push(ck[i].value);
                f = true;
            }
        }

        //跳到删除的servlet里去
        if (f == true) {
            if (confirm("您确认要全部下架吗?"))
            {
                alert(arr);
            }

        } else {
            alert("请至少选中一条进行批量删除");
        }
    })
});

html


<input id="all" type="button" value="全选" />
<input id="not" type="button" value="全不选" />
<input id="reverse" type="button" value="反选" />
<input id="alldel" type="button" value="批量上架" />
相关文章
|
前端开发 JavaScript Go
React中使用worker线程
本文介绍了在React项目中使用worker线程的方法,包括配置webpack以使用worker-loader,创建worker文件,并在组件中使用worker进行大量计算以避免阻塞主线程。
284 0
React中使用worker线程
|
JSON 前端开发 JavaScript
Vue微前端新探:iframe优雅升级,扬长避短,重获新生
Vue微前端新探:iframe优雅升级,扬长避短,重获新生
703 0
|
前端开发 JavaScript 中间件
React状态管理库—— zustand 为啥这么简单易用🚀
React状态管理库—— zustand 为啥这么简单易用🚀
|
Devops 网络安全 Go
阿里云云效操作报错合集之遇到错误代码:SYSTEM_FORBIDDEN_ERROR,状态码为403,该怎么办
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
前端开发
侧边导航栏(抽屉式设计)界面 (html + css)
写在前面 哈喽~大家好,这篇呢带来的是侧边导航栏(抽屉式设计),采用 (html + css) 来实现的,编辑器是 WebStorm 。接下来来看看效果吧。
1385 0
侧边导航栏(抽屉式设计)界面 (html + css)
element-plus 下拉框实现全选功能
element-plus 下拉框实现全选功能
1694 0
|
算法 C++ 开发者
【Conan 入门问题】处理子文件夹中的conanfile.py
【Conan 入门问题】处理子文件夹中的conanfile.py
267 1
|
JavaScript 前端开发 搜索推荐
如何优雅地在 React 中使用TypeScript,看这一篇就够了!(3)
毕业已有3月有余,工作用的技术栈主要是React hooks + TypeScript。其实在单独使用 TypeScript 时没有太多的坑,不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类型定义的问题。阅读本文前,希望你能有一定的React和TypeScript基础
979 0
KodBox可道云https一直转圈无法访问的处理
由于KodBox内部写死了请求连接,内连全是http造成无法https正常访问,后来调试发现域名的变量是API_HOST,这个变量是在config/config.php文件里面初始化的,只需要改成https连接就行。
404 0
西门子S7-200 SMART运动控制功能,如何使用向导组态运动轴?
从今天开始我们来介绍西门子S7-200 SMART运动控制功能,本篇我们先来学习如何使用向导组态运动轴。西门子S7-200 SMART CPU内置运动轴,可以实现速度和位置的开环运动控制。
西门子S7-200 SMART运动控制功能,如何使用向导组态运动轴?