Jquery Tracking 复选框从选中更改为未选中或已取消选中

Question

假设我有四个复选框，形式为 Check-a、Check-b、Check-c、Check-d。

Check-a 和 Check-b 已被选中。我可以使用 Jquery 获取哪个复选框被选中或未被选中。

现在我已经取消选中Check-a。所以 Check-a 已被选中，而我已将其从选中状态取消选中。所以现在 Check-c 和 Check-d 已经被我取消选中，而 Check-a 也被我取消选中。我正在寻找一种方法来跟踪哪些是未选中的，哪些是以前未选中的。

谁能告诉我一个方法吗？

Answer 1

假设与 @definitelyundefinable 相同的 HTML，这做了同样的事情，但它稍微干净一些，因为它不使用隐藏字段和假数组（作为隐藏字段中的字符串）

$(function() {
  var history = [];
  $("input").click(function() {
    history.push({
      id: this.id,
      checked: this.checked
    });
  });
  // If you'd like, you can initialize the array
  // with the initial values with the following line
  $("input").click();

});

Answer 2

如果您需要一种点击历史记录，为什么不使用额外的字段呢？

html：

<form>
    <div>
        <input type="checkbox" name="fruit" value="o" id="orange" />
        <label for="orange">orange</label>
    </div>
    <div>
        <input type="checkbox" name="fruit" value="a" id="apple" />
        <label for="apple">apple</label>
    </div>
    <div>
        <input type="text" name="history" id="history" />
    </div>
</form>

jquery 脚本：

$("input").click(function() {
    $("#history").val( $("#history").val() + $(this).val() + ";");
});

您可以将其隐藏并评估 ;之后分开列表..