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

时间:2022-05-10 09:22:06

/*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("请选择一行数据!");
        }
    }

}


页面源码和图片

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

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




ps:其实我自己的实力我自己了解,我只是一个小小搬运工js和jQuery实现获取id和点击checkbox全选功能,把有用的东西搬过来用,但上面很多的功能还是自己做出来的


有用的大家就拿去用吧,一起加油!