2

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

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

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

在检查值为'dark'的收音机时，我想使用那个.val（）作为附加到'.tabs'的类名，并且当依次检查值为'light'的收音机时，我想替换'dark '与'光'。

这就是我现在所拥有的

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

5 回答 5

0 
$(document).ready(function () {
    var $radioColor = $('input:radio[name=color]');
    $('.tabs').addClass($radioColor.val());

    $radioColor.on('change.changeClass', function() {
        $('.tabs').toggleClass('dark light');
    });
});
于 2013-10-23T05:06:50.393 回答
0

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

于 2013-10-23T05:00:43.790 回答
0

看看它removeClass()和addClass()

 $(document).ready(function () {
            $('input').change(function () {
                var inputVal = $("input:radio:checked").val();
                $('.tabs').removeClass().addClass('tabs '+inputVal);
            });
        });
于 2013-10-23T05:01:32.680 回答
0

jsFiddle 演示

use `.addClass()` and `.removeClass()` along with `.on()`.

 $(document).ready(function () {
            $('input').on('change',function () {
                var inputVal = $("input:radio:checked").val();
                $('.tabs').removeClass().addClass('tabs'+inputVal);
            });
        });
于 2013-10-23T05:06:12.093 回答
0

.attr()将删除所有类并设置新类。然后，您可以将.tabs类附加到元素。

$(document).ready(function () {
   $('input').change(function () {
      var inputVal = $("input:radio:checked").val();
      $('.tabs').attr('class',inputVal).addClass('tabs');
   });
});
于 2013-10-23T05:15:26.813 回答