仅当表单中的元素发生更改时如何启用提交按钮

Question

我已经用下面的代码实现了这个：

$(':input[type!="submit"]', form.get(0)).live ('change', function (e) {
    form.find (':submit').removeAttr ('disabled');
});

这很完美，但是，当用户将元素更改回其原始状态时，提交按钮仍然处于启用状态：

例子：

• 最初表单有一个复选框被选中 - 提交按钮将被禁用
• 用户取消选中复选框 - 提交按钮将被启用
• 用户再次选中复选框（返回原始状态） - 提交按钮仍处于启用状态（我希望再次禁用它）

Answer 1

试试这个：

$(document).on('change', 'input[name=cb1]', function () {
    $('input[type=submit]').prop('disabled', $(this).is(':checked'));
});

jsFiddle example

根据您对.live() 的使用，我正在使用.on() 的事件委托。