Javascript JQuery用2个类切换类?

Javascript JQuery用2个类切换类?,javascript,jquery,Javascript,Jquery,我正在使用此代码:(已更新) $(函数(){ //无线电项目1 $(“#radio1”).更改(函数(){ $(“#defaultwrapper”).addClass(“选择背景颜色”); $(“#默认#包装”).removeClass(“def#u background_color”); }); //无线电项目2 $(“#radio2”)。更改(函数(){ $(“#默认#包装器2”).addClass(“选择背景颜色”); $(“#默认#包装器2”).removeClass(“def#u b

我正在使用此代码:(已更新)


$(函数(){
//无线电项目1
$(“#radio1”).更改(函数(){
$(“#defaultwrapper”).addClass(“选择背景颜色”);
$(“#默认#包装”).removeClass(“def#u background_color”);
});
//无线电项目2
$(“#radio2”)。更改(函数(){
$(“#默认#包装器2”).addClass(“选择背景颜色”);
$(“#默认#包装器2”).removeClass(“def#u background_color”);
});
});

我的问题是,我需要更改所选收音机的背景色,并且它现在不切换

如果您首先出现
classOne
(即
Text
),您可以这样切换类:
$(“#test”).toggleClass(“classOne class2”)。这将删除类
classOne
(因为它还没有出现),并添加类
classTwo
(因为它还没有出现)。

如果你有
classOne
首先出现(例如
Text
),你可以像这样切换类:
$(“#test”)。切换类(“classOne classTwo”)。这将删除类
classOne
(因为它还没有出现),并添加类
classTwo
(因为它还没有出现)。

嗨,我也遇到了同样的问题,但这就是我在项目中所做的

  $(function(){
        $("#myradio").change(function() {
    $("#wrapper").toggleClass("classOne", this.checked).toggleClass("classTwo", !this.checked)
        }).change();
    })
    <script>
    $(".rtPanhold01").addClass("rtPanhold02");
        $(".rtPanhold01").removeClass("rtPanhold01");
</script>

$(.rtPanhold01”).addClass(“rtPanhold02”);
$(.rtPanhold01”).removeClass(“rtPanhold01”);

嗨,我也有同样的问题,但这就是我在项目中所做的

    <script>
    $(".rtPanhold01").addClass("rtPanhold02");
        $(".rtPanhold01").removeClass("rtPanhold01");
</script>

$(.rtPanhold01”).addClass(“rtPanhold02”);
$(.rtPanhold01”).removeClass(“rtPanhold01”);
(更新) 在jQuery中,当未选中radio时,不会触发任何事件。尝试创建全局处理程序:

$(function(){
    $("input[type=radio]").change(function() {
        $("input[type='radio']", $(this).parent().parent()).each(function() {
            $(this).parent()
                .toggleClass("background_color_selected", this.checked)
                .toggleClass("def_background_color", !this.checked);
        });
    });
});
对于html:

<div>
    <div class="def_background_color"><input type="radio" id="radio1" name="aaa" /> One</div>
    <div class="def_background_color"><input type="radio" id="radio2" name="aaa" /> Two</div>
</div>

一个
两个
工作样本:

(更新) 在jQuery中,当未选中radio时,不会触发任何事件。尝试创建全局处理程序:

$(function(){
    $("input[type=radio]").change(function() {
        $("input[type='radio']", $(this).parent().parent()).each(function() {
            $(this).parent()
                .toggleClass("background_color_selected", this.checked)
                .toggleClass("def_background_color", !this.checked);
        });
    });
});
对于html:

<div>
    <div class="def_background_color"><input type="radio" id="radio1" name="aaa" /> One</div>
    <div class="def_background_color"><input type="radio" id="radio2" name="aaa" /> Two</div>
</div>

一个
两个

工作示例:

您看过文档了吗。它清楚地说:“className为匹配集中的每个元素切换一个或多个类名(用空格分隔)。”。或者,如果不想同时添加这两个类,请调用
toggleClass
两次,或者忽略该标志。使用布尔值,这将只添加或删除这两个类。您看过文档了吗。它清楚地说:“className为匹配集中的每个元素切换一个或多个类名(用空格分隔)。”。或者,如果不想同时添加这两个类,请调用
toggleClass
两次,或者忽略该标志。不过,如果使用布尔值,则只需添加或删除这两个类。