html - JQuery register click event while button is disabled

Question

I have a disabled input button, that will get enabled when checking a checkbox. Now, what I want is that the button shows an alert when it is clicked while is disabled to inform the user that he needs to check the checkbox first.

<input type="submit" disabled="disabled" id="proceedButton">

When I click the button nothing happens because it is disabled

$("input#proceedButton").click(function() {
    if (!$("input#acceptCheckbox").is(':checked')) {
        alert("show me");
    }
});

Answer 1

You could not disable the button, and instead check whether the checkbox is checked when the button is clicked. If you return false from the event handler the default action of the button will be prevented, so it is effectively disabled, but still clickable:

$("input#proceedButton").click(function() {
    if (!$("input#acceptCheckbox").is(':checked')) {
        alert("show me");
        return false; //Prevent the default button action
    }
});

As a side note, since id values have to be unique you should be able to safely omit the input part of your selectors and just use the id selector.