按钮被禁用时,JQuery注册单击事件

Question

我有一个禁用的输入按钮,在选中复选框时将启用该按钮.现在,我想要的是按钮在点击时显示警告,同时被禁用以通知用户他需要先检查复选框.

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

当我单击按钮时没有任何反应,因为它被禁用

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

Answer 1

您无法禁用该按钮,而是检查单击该按钮时是否选中该复选框.如果false从事件处理程序返回,将阻止按钮的默认操作,因此它被有效禁用,但仍然可以单击:

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

作为旁注,由于id值必须是唯一的,因此您应该能够安全地省略input选择器的一部分并只使用id选择器.