jQuery .click() 在自定义函数之前执行默认动作

Question

这是我的代码，我有两个复选框，并希望保持一个禁用状态，直到另一个启用：

$(function(){
    $('#remember').live('click', function(event){
        if($('#remember').is(':checked')){
            $('#keepIn').removeAttr('disabled');
        }
        else
            $('#keepIn').attr('disabled', 'disabled');
    });
});

问题是这个函数在默认操作之前执行，当我点击第一个$('#remember').is(':checked')返回false（旧值）而不是true。

Answer 1

您可以改用change 事件：

$('#remember').live('change', function(event) {
    if (this.checked) {
        $('#keepIn').removeAttr('disabled');
    } else {
        $('#keepIn').attr('disabled', 'disabled');
    }
});

演示： http://jsfiddle.net/jP3NY/

---

注意： live 方法已弃用。您最好使用on 或delegate。

对于较新版本的 jQuery，解决方案可能如下：

$('body').on('change', '#remember', function(event) {
    $('#keepIn').prop('disabled', !this.checked);
});

您可以使用#remember 的任何父元素来代替body。