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

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的“one”。