如何确定复选框是否与其初始选中状态不同

Question

我知道我可以使用defaultChecked来确定复选框的初始状态是否是什么，但是如何确定其中一个是否已从默认值更改？

我需要设置一个变量，以便我可以根据这个结果操作其他东西，这就是我目前拥有的：

// This checks if a checkbox has changed from being initially checked
$isModified = $(this).find('input')[0].defaultChecked !== $(this).find('input').prop('checked') ? true : false

[编辑] 无论最初是否选中复选框，我都需要检查复选框是否已从其默认状态更改。

这就是我认为可能起作用的（但不起作用）：

$isModified = $this.find('input')[0].defaultChecked !== $this.find('input')[0].defaultChecked ? true : false

有没有人有办法解决吗？

谢谢

[编辑] 经过很多非常有帮助的..帮助。 这是我的解决方案，当输入之一发生更改事件时会触发该解决方案：

$('#input-parent').each(function(i) {
    var $this = $(this),
        isModified
    ;

    $this.find('input').each(function() {
        var $this = $(this);
        if ( !isModified) {
            isModified = $this[0].defaultChecked !== $this[0].checked;
        }
    });

    if ( isModified ) {
        // Do something
    } else {
        // Do something else
    }

});

Answer 1

在您的示例中，您将defaultChecked与defaultChecked属性进行比较。 您应该比较defaultChecked和已checked属性。

$isModified = $this.find('input')[0].defaultChecked !== $this.find('input')[0].checked;