js 实现asp.net gridview全选

最新推荐文章于 2024-09-28 17:14:25 发布

mengxj85

最新推荐文章于 2024-09-28 17:14:25 发布

阅读量317

点赞数

文章标签： asp.net input function server asp

本文链接：https://blog.csdn.net/mengxj85/article/details/5561342

版权

//gridview全选
//调用方法：gridviewSelectAll(this)
//gridview模板列
/*
<asp:TemplateField>
<HeaderTemplate>
<input id="ckbSelectAll" name="ckbSelectAll" type="checkbox" οnclick="gridviewSelectAll(this)"/>
</HeaderTemplate>
<ItemTemplate>
<input id="cbk" type="checkbox" runat="server" value='<%# Bind("id") %>' οnclick="changeGridviewSelectAll(this)"/>
</ItemTemplate>
</asp:TemplateField>
*/
function gridviewSelectAll(input) {
    var arryInput = new Array();
    arryInput = document.getElementsByTagName("input");
    for (var i = 0; i < arryInput.length; i++) {
        if (arryInput[i].type == "checkbox")
            arryInput[i].checked = input.checked;
    }
}
//修改全选项
function changeGridviewSelectAll(input) {//debugger;
    var state = true;
    var ckbSelectAll = document.getElementById("ckbSelectAll");
    if (input.checked) {
        var arryInput = new Array();
        arryInput = document.getElementsByTagName("input");
        for (var i = 0; i < arryInput.length; i++) {
            if (arryInput[i].type == "checkbox") {
                if (!arryInput[i].checked && arryInput.id != "ckbSelectAll") {
                    state = false;
                    return;
                }
            }
        }
    }
    else {
        state = false;
    }
    ckbSelectAll.checked = state;
}
//获取被选中的值
function getSelectValue() {
    var value = "";
    var arryInput = new Array();
    arryInput = document.getElementsByTagName("input");
    for (var i = 0; i < arryInput.length; i++) {
        if (arryInput[i].type == "checkbox") {
            if (arryInput[i].checked && arryInput[i].name != "ckbSelectAll")
                value = value + "#" + arryInput[i].value;
        }
    }
    return value;
}