jquery - 使用 radio 输入切换附加类

Question

例如，我有 2 个单选按钮，我想在第一次选择单选按钮时将一个类附加到现有的类，然后通过单击另一个单选输入来切换新附加的类，而不替换原来的被替换的类:

<input type="radio" name="color" checked="checked" value="light" />
<input type="radio" name="color" value="dark" />

<div class="tabs">
    ...
</div>

在检查值为“dark”的 radio 时，我想使用 .val() 作为附加到“.tabs”的类名，并且当顺序检查值为“light”的 radio 时，我想将“深色”替换为“浅色”。

这就是我的全部

        $(document).ready(function () {
            $('input').change(function () {
                var inputVal = $("input:radio:checked").val();
                $('.tabs').append().attr('class',inputVal);
            });
        });

Answer 1

您可以使用 $('.tabs').removeClass().addClass('tabs '+inputVal); 添加一个类。