javascript - 页面重新加载时的隐藏字段和复选框问题

Question

我正在处理一个带有复选框的页面。当我单击一个复选框时，我会在表单中附加其值并创建一个隐藏字段。

这可行，但是当我按 F5 时，不是选中第一个复选框，而是选中了第二个复选框。

这是jQuery代码：

$('input[type=checkbox]').bind('click', function(e) {
    if ($(this).is(':checked')) {
        var html = "<input type=\"hidden\" value=\""+$(this).val()+"\" />"; 
        $('.form').append(html);
    }
});

更新：如果我不附加此隐藏字段，那么它工作正常，请注意：复选框在表单之外

Answer 1

您是否为复选框使用相同的 ID？你在Firefox上测试吗？Firefox 在页面重新加载时保持表单的状态，如果您使用相同的 id，它会将它解析的最后一个元素视为具有该 id 的“一个”。