Измените attr на класс с помощью jquery

Question

У меня есть этот скрипт:

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

Скрипт без изменений, атрибут отключен. Но как я могу изменить этот скрипт на эту вещь. Когда вы меняете #voorwaarden. Чем удалить класс, набранный из # checkout1. И когда я изменил следующий #voorwaarden. Чем добавить класс и идти дальше и дальше. #voorwaarden - это флажок.

Спасибо!

Answer 1

Просто сделайте с toggleClass()

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

Примечание : http://api.jquery.com/toggleClass/

---

Отредактировано : Если вы хотите переключить свойство 'disabled',

$(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.