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

简介: 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="批量上架" />
相关文章
|
7月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
209 1
|
6月前
|
JavaScript
原生JS实现全选、全不选
原生JS实现全选、全不选
|
6月前
|
JavaScript 前端开发
详细解读checkbox的全选与反选
详细解读checkbox的全选与反选
80 0
单选、全选、反选、获得所有选中的checkbox
单选、全选、反选、获得所有选中的checkbox
|
JavaScript
原生js实现全选全不选
原生js实现全选全不选
57 0
|
JavaScript 前端开发
单选与全选
结合table表格和checkbox复选框实现单选与全选功能(本文只考虑功能实现,样式不要在意,虽然极丑,但我看不到 φ(>ω<*) )。
单选与全选
|
JavaScript
freemaker页面复选框全选与反选
freemaker页面复选框全选与反选
下一篇
DataWorks