how to enable the submit button only when an element in the form has changed

Question

I've implemented this with the code below:

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

This works perfectly, however, when the user changes the element back to its original state, the submit button is still enabled:

Example:

• originally form has a checkbox checked - submit button will be disabled
• user unchecks the checkbox - submit button will be enabled
• user checks the checkbox again (back to original state) - submit button is still enabled (I'd like it to be disabled again)

Answer 1

Try this:

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

jsFiddle example

I'm using .on()'s event delegation based on your your use of .live().