使用jquery将attr更改为class

Change attr to class with jquery

本文关键字：class attr jquery 使用      更新时间：2023-09-26

我有这个脚本：

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

脚本没有更改属性已禁用。但是我怎么能把这个脚本改成这个东西呢。当您更改#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'));
    });
});

我不完全确定我是否理解你的问题，但如果你的目标是在未选中复选框时添加"disabled"类，并在选中时删除它，那么：

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

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

相关文章：