使用jQuery将attr更改为类

Question

我有这个脚本：

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

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

谢谢！

Answer 1

只需使用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'));
    });
});

Answer 2

我并不完全确定我理解您的问题，但是如果您的目标是在未选中此复选框时添加“禁用”类，而在选中该复选框时将其删除，则：

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

toggleClass如果标志为true，则将添加该类；如果标志为false，则将其移除。