全选,全不选,反选,批量操作-阿里云开发者社区

开发者社区> 开发与运维> 正文

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

简介: 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="批量上架" />

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章