如何恢复复选框状态

Question

我的jsp上有一个按钮，然后单击该按钮，用户将看到jquery对话框作为弹出窗口，其中有几个复选框。 该弹出窗口还有两个按钮保存和取消。

我想恢复复选框的状态。为了更好地理解，请按照以下步骤进行操作

1. 用户点击jsp页面上的showpop按钮
2. 用户现在会看到jquery popup有几个复选框
3. 用户从弹出窗口中选中第一个和第二个复选框，然后单击导致关闭弹出窗口的保存按钮
4. 用户再次单击show popup按钮，取消选中第一个复选框，然后单击取消按钮，这也会导致关闭弹出窗口
5. 现在从主jsp如果用户再次点击show popup但我想看到两个复选框已选中，但是它显示了一个复选框。

任何帮助将不胜感激

Answer 1

您可以使用变量来存储页面上复选框的索引，例如：

var checkedIndices = [];

单击“保存”或“取消”时，可以运行与此类似的代码：

function SaveBoxes() {
    checkedIndices = [];

    $("input[type=checkbox]").each(function(index, checkbox) {
        if ($(checkbox).is(":checked")) 
            checkedIndices.push($(checkbox).index());
    });
}

function CancelBoxes() {
    $("input[type=checkbox]").removeAttr("checked");

    for (i = 0; i < checkedIndices.length; i++)
        $("input[type=checkbox]:eq(" + checkedIndices[i] + ")").attr("checked", "checked");
}