javascript - 如何恢复复选框状态

Question

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

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

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

任何帮助将非常感激

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");
}