使用 jquery 将 attr 更改为 class

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);
    });
});

： jquery.com/toggleClass/" rel="nofollow">toggleClass 如果标志为 true，则添加该类；如果标志为 false，则删除该类。