您的位置:首页 > Web前端 > JQuery

js和jQuery实现获取id和点击checkbox全选功能

2016-01-27 11:21 931 查看
/*js实现全选功能*/

function selectAll() {

    var checklist = document.getElementsByName("id");

    if (document.getElementById("controlAll").checked) {

        for (var i = 0; i < checklist.length; i++) {

            checklist[i].checked = 1;

        }

    } else {

        for (var j = 0; j < checklist.length; j++) {

            checklist[j].checked = 0;

        }

    }

}

var id = "";

/*

这里是获取需要修改的数据的id

*/

var idList = "";

function ck() {

    var tbodyObj = document.getElementById('tab');

    $("table :checkbox").each(function (key, value) {

        if ($(value).prop('checked')) {

            if (key >= 1) {

                id = tbodyObj.rows[key].cells[1].innerHTML;

                idList += id + "|";

            }

        }

    })

}

function btnDelete() {

    var r = confirm("你确定要删除这条数据吗?");

    if (r == true) {

        ck();

        var requestDate = {

            idList: idList

        };
        if (idList.length > 0) {

/*这里自己设置ashx文件,相关数据参考jQuery,get请求和方法*/

            $.get("../ashx/*****.ashx", requestDate, function (data) {

                if (data == "ok") {

                    alert("删除成功!");

                    parent.location.reload();//刷新框架

                }

                else {

                    alert(data);

                }

            });

        }

        else {

            alert("请选择一行数据!");

        }

    }
}

页面源码和图片





ps:其实我自己的实力我自己了解,我只是一个小小搬运工

,把有用的东西搬过来用,但上面很多的功能还是自己做出来的


有用的大家就拿去用吧,一起加油!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: