Question

大多数情况下，我有28个项目，我使用Ajax使用分页和显示3页每个页面有10个项目，无论我在复选框中选择它应该在底部显示值，现在每件事情都可以，但我的问题是当我选择第二页中的项目时，前一个列表正在消失，当我返回到第一页时它没有显示以前选择的项目。

我没有得到如何做到这一点请帮忙谢谢我用这个jquery代码来获取检查值

function showValues() {
    var page = $("#pagedis").val();
    var fields = $(":input").serializeArray();
    $("#results_" + page).empty();
    jQuery.each(fields, function(i, field) {
        $("#results_" + page).append(field.value + "<br> ");
    });
}

如果我们在一个页面中选择3个项目，在第二个页面中选择4个项目，我需要像gmail这样的操作，当我回来时，选中的值将永远不会变化

Answer 1

你的复选框都有相同的名字吗？如果没有，请将它们全部命名。
确保每个复选框都具有唯一值属性
附加处理程序以跟踪数组中选中的复选框

// global variable somewhere
var checkedBoxes = new Array();

$('input[name=theNameYouDefinedAbove]').click(function(event){
    checkedBoxes[$(this).val()] = $(this).is(':checked');
});

现在，当您分页时，只需执行此操作

$('input[name=theNameYouDefinedAbove]').each(function(index, checkbox){
    if (checkedBoxes[$(checkbox).val()]) {
        // NOTE: choose ONLY ONE!

        // for jQuery 1.6+
        $(checkbox).prop('checked', true);
        // for all jQuery
        $(checkbox).attr('checked', 'checked');
    }
});

存储来自ajax页面的选中值

1 个答案: