GridView多选删除操作JS提示

原创于 2023-08-20 11:00:14 发布 · 259 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

该代码片段展示了如何在JavaScript中处理GridView中的多选删除功能，只有当用户至少选择了一项时才会显示删除确认对话框，否则会提示用户选择数据。

先遍历GridView复选框，至少勾选一项，否则提示：

//GridView多选删除操作
function deleteData(gv) {
    var ids = 0;

    var chkList = document.getElementById("ctl00_cphMain_" + gv).getElementsByTagName("input");

    for (var i = 0; i < chkList.length; i++) {
        if (chkList[i].type == 'checkbox') {
            let str = chkList[i].id;
            let lastIndex = str.lastIndexOf("_");
            let filename = str.substr(lastIndex + 1);

            if (filename == "cbSelect" && chkList[i].checked) {
                ids++;
            }
        }
    }

    if (ids != "" && ids > 0) {
        Swal.fire({
            title: '确定删除吗？',
            text: '',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#208ADB',
            cancelButtonColor: '#626F75',
            confirmButtonText: '确定',
            cancelButtonText: '取消'
        }).then((result) => {
            if (result.isConfirmed) {
                __doPostBack('ctl00$cphMain$lnbDelete', '');
            }
            else {
                alert('您已取消删除操作');
            }
        })
    }
    else {
        alert('请选择需要删除的数据');
    }
}