• ASP.NET列表中checkbox批量操作


    <input type="checkbox" name="chkChild" id="<%#Eval("FID") %>" />  //每一行的checkbox列
    
    <div class="pagination_1">
          <input id="ckAll" type="checkbox" name="chkA" /><label for="ckAll">全选</label>   //最下面的全选checkbox
    </div>
    
    <a href="#" onclick="delChecked(<%=pageIndex %>)"><div class="button_2">删除</div></a>  //删除按钮

    <input type="hidden" id="hdclicks" value="0" />  //隐藏的,用于保存数值 

    上面是HTML代码

     

    JS代码:

    • 点击“全选”的checkbox所有的checkbox都显示选中状态:
     //全选
        $("input[name=chkA]").click(function () {
            $("input[name=chkChild]").attr("checked", $(this).attr("checked")); //选中全部信息
            var flag = $(this).attr("checked");
         $(
    "input[name=chkA]").each(function () {//选择下面的全选框 $(this).attr("checked", flag); }); });
    • 选择上面列表中的checkbox最下面的“全选”发生变化:
    //选中信息
        $("input[name=chkChild]").click(function () {
            if (!$(this).attr("checked"))   //当前记录未选中,全选不选中
                $("input[name=chkA]").each(function () {
                    $(this).attr("checked", false);
                });
            else//当前记录选中
            {
                var flag = true;
                var $inputs = $("input[name=chkChild]");
                for (var i = 0; i < $inputs.length; i++) {
                    if (!$($inputs[i]).attr("checked")) {
                        flag = false;
                        break;
                    }
                }
                $("input[name=chkA]").each(function () {
                    $(this).attr("checked", flag);
                });
            }
        });
    • 批量删除:
    //批量删除
    function delChecked(page) {
        var times = $("#hdclicks").val();
        $("#hdclicks").val(times + 1);
        times = $("#hdclicks").val();
        if (times > 1)   //解决操作过程中重复操作!!!
        {
            alert("正在处理,请稍后操作");
            return false;
        }
        var msg = "警告:此操作不可恢复!!\r您真的要删除吗?";
        var alertmsg = "请选择要删除的信息!";
        var $inputs = $("input[name=chkChild]");
        var keyId = "";
        for (var i = 0; i < $inputs.length; i++) {
            if ($($inputs[i]).attr("checked")) {
                keyId = keyId + $($inputs[i]).attr("id") + ",";
            }
        }
        if (keyId.length > 0) {
            if (confirm(msg)) {
                keyId = keyId.substr(0, keyId.length - 1);
                var url = "FooterManage.aspx?opt=del&fid=" + keyId + "&page=" + page;
                window.location.href = url;
                return true;
            }
            else {
                $("#hdclicks").val(times - 1);
                return false;
            }
        }
        else {
            alert(alertmsg);
        }
    }

     

     

     

  • 相关阅读:
    maven加载jar包配置
    JavaScript基础博客
    angularjs1 实现地图添加自定义控件(搜索功能)及事件
    AngularJS之Directive,scope,$parse
    HTML5 File详解
    angularjs上传图片
    input上传按钮美化
    AngularJs表单验证
    作用域与闭包
    理解JavaScript中的作用域和上下文
  • 原文地址:https://www.cnblogs.com/wxh19860528/p/2856404.html
Copyright © 2020-2023  润新知