У меня есть отключенная кнопка, которая активируется после установки флажка «Я принимаю условия». Проблема в том, что я хотел вызвать предупреждение, если пользовательнажимает на отключенную кнопку, Как я могу это сделать? Если элемент отключен, он выглядит как события onclick, которые не запускаются.

Пример кода:

<input id="subm_tc" class="btn btn-primary" type="submit" disabled="" value="Log in" name="Submit">

    $("#subm_tc").click(function () {
        if($("#modlgn-tc").is(':checked')){
            alert('checked');
        } else {
            alert('unchecked');
        }
    });

Если я обертываю элемент в div и слушаю щелчки на этом div, он работает, но вам нужно нажать за пределами кнопки.

Как я могу это исправить?

Спасибо

ОБНОВИТЬ. Мне удалось решить эту проблему, добавив поддельный div над кнопкой отправки и прослушивая события в этом div (я также изменяю z-index на -200, чтобы разрешить щелчки на самой кнопке):

<div style="position:relative">
<div id="subm_tc" style="position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 99999;"></div>
<input id="subm_tc" class="btn btn-primary" type="submit" disabled="" value="Log in" name="Submit">
</div>

Теперь работает как задумано