javascript - 仅从使用 jquery 更改状态（选中或未选中）的复选框集合中获取复选框列表

Question

我有一个包含多行的表，每一行都有一个处于选中或未选中状态的复选框。用户可以选中或取消选中几个复选框，然后点击提交按钮以保存他们的更改。

他们有什么方法可以只获取原始状态更改的复选框列表（从选中到未选中或从未选中到选中）？

如果这是可能的，那么我将能够为用户提供一个更新按钮，否则我可能必须为每一行提供一个按钮来更新。

我还考虑在每个复选框的状态更改后立即通过 ajax 进行更新，但我更喜欢通过一次更新来进行一次服务器调用。

非常感谢有关此问题的任何信息。

谢谢！

Answer 1

如果checked在标记中设置了属性，您可以使用.attr()and.prop()

html

<input type="checkbox" checked="checked" />
<input type="checkbox" />

js

var changedInputs = $("input").filter(function() {
    var input = $(this),
        checked = (input.attr("checked") || "") === "checked";

    return (checked !== input.prop("checked"));
});

console.log(changedInputs);

例子