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

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("请至少选中一条进行批量删除");
        }
    })
});

        

          
        
        
        

          

          AI 代码解读
        
      
      

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

        

          
        
        
        

          

          AI 代码解读