Ajax打开弹出分页层并保存多选框选中数据【原创】

下载资源 下载积分： 220 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

绑定单选按钮、全选按钮和切换分页数据

$("#windown_box").delegate(".checkbox_one", "click", function() { //绑定单选按钮
    isCheckAll();
    getOrderIdsChose();
}).delegate(".checkbox_all", "click", function() { //绑定全选按钮
    var checked = $(this).attr("checked");
    if (checked == "checked") {
        $(".checkbox_one").attr("checked", "checked");
    } else {
        $(".checkbox_one").removeAttr("checked");
    }
    getOrderIdsChose();
}).delegate(".page a", "click", function() { //绑定分页切换对应的数据
    var page = parseInt($(this).attr("data-page"));
    getPage(page);
})

Ajax传参分页

function getPage(page) {
    $("#orders").html("<div class='loading'><img src='images/loading.gif' alt='loading'></div>")
    var page = page > 0 ? page : 1;
    $.post("ajax.php", {p: page}, function(data) {
        $("#orders").html(data);
        var order_ids = $("#order_ids").val();
        if (order_ids) {
            var order_ids_arr = order_ids.split(",");
            for (var i = 0; i < order_ids_arr.length; i++) {
                $("input.checkbox_one[value=" + order_ids_arr[i] + "]").attr("checked", "checked")
            }
        }
        isCheckAll();
    })
}