我有这个脚本:

$(document).ready(function() {
    $('#Checkout1').addClass('disabled');
    $('#voorwaarden').change(function() {
        $('#Checkout1').attr('disabled', $(this).is(':checked') ? null : 'disabled');
    });
});


该脚本未更改attr禁用。但是我如何才能将此脚本更改为此内容。更改#voorwaarden时。比从#checkout1中删除禁用的类。当我接下来更改#voorwaarden。比增加阶级和前进越来越多。 #voorwaarden是一个复选框。

谢谢!

最佳答案

只需使用toggleClass()

$(document).ready(function() {
    $('#Checkout1').addClass('disabled');
    $('#voorwaarden').change(function() {
        $('#Checkout1').toggleClass('disabled');
    });
});


注意:http://api.jquery.com/toggleClass/



编辑:如果要切换“已禁用”属性,

$(document).ready(function() {
    $('#Checkout1').prop('disabled', true);
    $('#voorwaarden').change(function() {
        $('#Checkout1').prop('disabled', !$('#Checkout1').prop('disabled'));
    });
});

09-19 14:32