从只使用jquery更改(选中或取消选中)状态的复选框集合中获取复选框列表

时间:2013-04-09 20:23:34

标签: javascript jquery

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

他们是否只能获取原始状态已更改的复选框列表(从已选中,未选中或未选中已选中)?

如果可以,那么我将能够为用户提供一个按钮进行更新,否则我可能需要为每一行提供一个按钮进行更新。

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

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

谢谢!

1 个答案:

答案 0 :(得分:1)

如果在标记中设置了checked属性,则可以使用.attr().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);

Example