JQuery - 无法检测复选框更改事件

Question

我目前正致力于以下JQuery：

$('table input[type=checkbox][data-tag=entity-value]').on('change',
    function () {
        var associatedTextboxID = $(this).attr('id').replace('IsAssociated', 'Value');
        var associatedTextbox = $('table input[type=text][id=' + associatedTextboxID + ']');

        if ($(this).prop('checked') && associatedTextbox.val() === "") {
            $(this).prop('border', '1px solid #FF0000');
            $(this).after("<p id='error' class='key-error'>While associated, value is a required field.</p>");
            $('#btnSaveCustomProperty').prop('disabled', true);
            $('#btnSaveCustomPropertyAndContinue').prop('disabled', true);
        }
        else if (!$(this).prop('checked')) {
            $('#error').remove();
            $('#btnSaveCustomProperty').prop('disabled', false);
            $('#btnSaveCustomPropertyAndContinue').prop('disabled', false);
        }
    });

我试图在用户更改复选框值时执行该块。单步执行浏览器中的代码会显示选中（或不选中）复选框时代码不会执行。

有没有更好的方法来处理复选框事件？