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
两次,或者忽略该标志。不过,如果使用布尔值,则只需添加或删除这两个类。