JS脚本实现全选功能

最新推荐文章于 2022-03-05 15:20:32 发布

侠仪

最新推荐文章于 2022-03-05 15:20:32 发布

阅读量819

点赞数

文章标签：脚本 function javascript url input asp

本文链接：https://blog.csdn.net/lxl743p/article/details/4412000

版权

JS脚本专栏收录该内容

16 篇文章 0 订阅

订阅专栏

前台：

<asp:TemplateField>
                        <HeaderStyle CssClass="tr_top"></HeaderStyle>
                        <HeaderTemplate>
                            <input type="checkbox" name="allbox" οnclick="javascript:CA();">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <input type="checkbox" id="chkIfDelete" name="chkIfDelete" value="<%# DataBinder.Eval(Container.DataItem, "Id") %>"
                                οnclick="javascript:CCA(this);">
                        </ItemTemplate>
                    </asp:TemplateField>

调用：
<a href="#" οnclick="javascript:onDelete(0,'LastestDynamic.aspx');"
id="A1" class="top_link"><span>删除</span></a>

脚本：

function CA() {
    var frm = document.forms[0];
    for (var i = 0; i < frm.elements.length; i++) {
        var e = frm.elements[i];
        if ((e.name != 'allbox') && (e.type == 'checkbox')) {
            e.checked = frm.allbox.checked;
            if (frm.allbox.checked) {
                hL(e);
            }
            else {
                dL(e);
            }

}
}
}

function CCA(CB) {
    var frm = document.forms[0]
    if (CB.checked)
        hL(CB);
    else
        dL(CB);

    var TB = TO = 0;
    for (var i = 0; i < frm.elements.length; i++) {
        var e = frm.elements[i];
        if ((e.name != 'allbox') && (e.type == 'checkbox')) {
            TB++;
            if (e.checked)
                TO++;
        }
    }
    frm.allbox.checked = (TO == TB) ? true : false;
}

function hL(E) {
    while (E.tagName != "TR")
    { E = E.parentElement; }
    E.className = "H";
}

    }
    if (count > 1) {
        alert("每次只能编辑一条记录");
        return;
    }
    if (count < 1) {
        alert("请选择一条记录进行编辑");
    } else {
        self.location.href = url + "?pid=" + pid + "&mode=edit&keyid=" + keyid;
    }
}
function onDelete(pid, url) {
    var count = 0;
    var keyid = "";
    var objList = document.getElementsByName("chkIfDelete");
    for (i = 0; i < objList.length; i++) {
        if (objList[i].checked) {
            if (count > 0) keyid += ",";
            keyid += objList[i].value;
            count++;
        }
    }
    if (count == 0) { alert("您未选择任何记录!"); return; }
    if (!confirm("您确定要删除选择的记录吗?")) return;
    self.location.href = url + "?pid=" + pid + "&mode=delete&keyid=" + keyid;
}
function onCheck(pid, url) {
    var count = 0;
    var keyid = "";
    var objList = document.getElementsByName("chkIfDelete");
    for (i = 0; i < objList.length; i++) {
        if (objList[i].checked) {
            if (count > 0) keyid += ",";
            keyid += objList[i].value;
            count++;
        }
    }
    if (count == 0) { alert("您未选择任何记录!"); return; }
    if (!confirm("您确定要审核选择的记录吗?")) return;
    self.location.href = url + "?pid=" + pid + "&mode=check&keyid=" + keyid;
}
function unCheck(pid, url) {
    var count = 0;
    var keyid = "";
    var objList = document.getElementsByName("chkIfDelete");
    for (i = 0; i < objList.length; i++) {
        if (objList[i].checked) {
            if (count > 0) keyid += ",";
            keyid += objList[i].value;
            count++;
        }
    }
    if (count == 0) { alert("您未选择任何记录!"); return; }
    if (!confirm("您确定要撤销审核选择的记录吗?")) return;
    self.location.href = url + "?pid=" + pid + "&mode=uncheck&keyid=" + keyid;
}